@import url("form.css")
@charset "utf-8";
/**
* HWAJE Cascading Style Sheets
* File Name : /css/sub.css
* Description : 화제신문 스타일시트
* Author : Hwaje Web business Team / Lee kyoung sun
* Email : 98475944@paran.com
* Date : 2016.06.01
* Update : 2016.06.01
* Copyright(c) 2016 hwaje. All Rights Reserved.
*/

/*서브TOP 이미지*/



/*----------depth02,depth03---------*/
.depth02_wrap .depth02{
  margin-top:50px;
  text-align: center;
}
.depth02_wrap .depth02 a{
  padding:10px 50px;
  border:1px solid #d4d4d4;
  margin-right: 5px;
  display:inline-block;
  font-weight: 600;
}
.depth02_wrap .depth02 a:hover, .depth02_wrap .depth02 a.on{
  background:#182065;
  color:#f2f2f2;
  border:1px solid #182065;
}
.depth02_wrap h2{
  width:1024px;
  margin:0px auto;
  padding:50px 0 20px 0;
}
.depth02_wrap h2 .sDep02{
  font-size:32px;
  color: #182065;
}
.depth02_wrap h2 .s_eng{
  font-size:13px;
  font-family:serif;
  color:#7f7f7f;
  padding-top: 9px;
  font-weight: 600;
  letter-spacing: 0.5px;
}
.depth03_wrap {
  width:1024px;
  margin:0px auto 20px auto;
}
.depth03_wrap ul.depth03{
  padding: 20px 0;
}
.depth03_wrap ul.depth03 li{
  float:left;
  margin-right:1px;
}
.depth03_wrap ul.depth03 li a{
  padding:7px 23px;
  border:1px solid #d4d4d4;
  display:block;
}
.depth03_wrap ul.depth03 li a.on{
  background:#ef1e4e;
  color:#fff;
  border:1px solid #ef1e4e;
}
.depth03_wrap ul.depth03 li a:hover{
  background:#ef1e4e;
  color:#fff;
  border:1px solid #ef1e4e;
}
.depth03_wrap h3{
  font-size:28px;;
}
/*----------sub_title---------*/
.sub_title{
  width:1240px;
  position: relative;
  margin:50px auto 0px auto;
  padding-bottom: 20px;
  border-bottom: 1px solid #d4d4d4;
}
.sub_title h3{
  font-size:34px;
  font-weight: 700;
}
.sub_title .navigation{
  font-size:14px;
  position: absolute;
  top:10px;
  right:0;
}

/*----------sub_countents---------*/
.sub_header{height:70px;border-bottom:1px solid #c4c4c4;}
.sub_header_wrap {width:1201px;margin:0 auto;padding:15px 0 0 287px;font-size:1.5em;font-weight:500;}
.sub_header_wrap span.txt {padding-left:10px;font-size:0.6em;font-weight:500; letter-spacing: -2px;}
.sub_contents{
  width:1201px;
  margin:0 auto;
  overflow:hidden;
}

.sub_contents ul.contents_wrap > li{float:left;}
.sub_contents_left_wrap {width:233px;}
.sub_contents_right_wrap {width:914px;padding:60px 0;}
.cnt_blank {width:54px;display:block;border:1px solid #FFF;}

.sub_contents_left_wrap .gnb {width:233px;}
.sub_contents_left_wrap .gnb ul li {
	margin-bottom:10px;
	background:url(/img/sub/sub_menu_bg.jpg);
	font-size:0.95em;
}

.sub_contents_left_wrap .gnb ul li:hover{background:url(/img/sub/sub_menu_bg_ov.jpg);}
.sub_contents_left_wrap .gnb ul li a.ov{background:url(/img/sub/sub_menu_bg_ov.jpg);color:#FFFFFF;}
.sub_contents_left_wrap .gnb ul li a{color:#2f2f2f;display:block;height:40px;	padding:5px 0 0 39px;}
.sub_contents_left_wrap .gnb ul li a:hover{color:#FFFFFF;}
.sub_contents_left_wrap .sub_left_m {width:100%;overflow:hidden;margin-top:40px;padding-bottom:40px;}
.sub_contents_left_wrap .sub_left_m h1{padding:0;}
.sub_contents_left_wrap .sub_left_m ul li{float:left;padding:20px 0 0 17px;}
.sub_foo_board_wrap {background:url('/img/sub/sub_notice_bg.jpg');height:51px;}
.sub_foo_board{width:1201px;margin:0 auto;}

.sub_intro_wrap{
	width:914px;
	background:url('/img/sub/sub_0101_bg.jpg') repeat-x 0 0px;
	font-size:0.85em;
	font-weight:600;
	color:#363737;
	letter-spacing: -0.5px;
	line-height:28px;
}
.intro_cont01{padding:370px 0 40px 0;}
.intro_cont02 {padding-bottom:40px;}


.sub_foo_board ul li{float:left;color:#FFF;font-size:0.75em;}
.sub_foo_board ul li.title{padding:18px 0 0 2px;}
.sub_foo_board ul li.subject{width:337px;padding:15px 0 0 5px;}
.sub_foo_board ul li.date{width:103px;padding:15px 0 0 0px;}



#sub01{
  padding:0 10px 50px 10px;
}
.sTxt01{
  font-size:28px;
  font-weight: 700;
  line-height: 32px;
  padding:80px 0 40px 0;
}
.sTxt02{
  letter-spacing: -0.5px;
}






/*room_view*/
.roomView{}

.roomView h5{
    background:#dcfdb1;
    padding:22px;
}
.roomView h5 p{
    text-align: center;
    font-size:16px;
}
.roomView h5 p .tit_eng{
    font-size:50px;
    font-weight: bold;
}
.roomView h5 p .tit_kor{
    font-size:26px;
    font-weight: 500;
}
.roomGallery_wrap{
    width:100%;
    margin: 0px auto;
    padding:4px 0;
}
.roomInfo_wrap{
    /* padding:0 30px; */
    padding : 0;
}
.roomInfo ul{
    width:100%;
}
.roomInfo ul.info01{
    border-bottom: 1px solid #b4b4b4;
}
.roomInfo ul li{
    display: inline-block;
}
.roomInfo ul.info01 li{
    width:calc(50% - 65px);
    padding:0 30px 50px;
}
.roomInfo ul.info02{
    font-size: 0;
    margin-top: 70px;
}
.roomInfo ul.info02 li{
    width: calc(33% - 60px);
    font-size: 16px;
    padding:0 30px;
}
.roomInfo ul.info02 li.border{
    border:solid #b4b4b4;
    border-width: 0 1px;
}
.roomInfo ul li h7{
    display: block;
    text-align: center;
    padding:0 0 12px 0;
    /* background: url(../img/sub/bg_list02.png) no-repeat 2px 3px; */
}
.roomView .btn_wrap{
    text-align: center;
    padding-top:50px;

}




















.sub_contents .s_01{
  padding:50px 0;
  border:1px solid #d4d4d4;
}
.sub_contents .s_02{
  padding:80px 0;
  border:1px solid #d4d4d4;
}
.sub_contents .sCon_tit{
  padding:0 0 30px 45px;
}
.sub_contents .sCon_tit .tit_01{
  font-size: 22px;
  color:#979797;
  line-height: 24px;
}
.sub_contents .sCon_tit .tit_02{
  font-size: 32px;
  font-weight: 600;
  letter-spacing: -0.5px;
  color:#444;
  line-height: 36px;
}
.sub_contents .sCon_tit .tit_03{
  font-size: 14px;
  color:#979797;
  line-height: 16px;
}

/*sub03*/
.sCon_slide .sCon_L{
  width:1022px;
  height:550px;
  overflow: hidden;
}
.sCon_slide .thumnail{
  height:93px;
  overflow: hidden;
  padding:10px 0;
}

.sCon_slide .thumnail span{
  display: block;
  float:left;
  width:140px;
  height:75px;
  margin-left:7px;
  overflow: hidden;
}
.sCon_slide .thumnail span img{
	width:140px;
}
.sCon_slide .thumnail span.first{
  margin-left: 0;
}
/*s_footer*/
footer .f_bar{
  background: #da2b4e;
  padding:7px;
  color:#fff;
  font-weight: 600;
  font-size:24px;
}
/*sub04*/
.sub_contents .s_03{
  padding:30px 0;
}
.sub_contents .s_03 .tit_04{
  padding-bottom: 10px;
  border-bottom: 2px solid #444;
}
.sub_contents .s_03 .tit_04 span{
  color: #009900;
}
.sub_contents .blog_list li{
  padding-top:15px;
}
.sub_contents .blog_list h4{
  font-weight: 600;
}
.sub_contents .blog_list li p.blog_con{
  font-size: 15px;
  line-height: 20px;
  padding:8px 0 12px 0;
  height:70px;
  border-bottom: 1px solid #d4d4d4;
  color:#646464;
}
.sub_contents .s_03 .pagination_wrap{
	padding-top:30px;
}
.pagination>li>a, .pagination>li>span {
  color: #444;
}
.pagination>li>a:hover,
.pagination>li>a:focus,
.pagination>li>span:hover,
.pagination>li>span:focus{
  background-color: #444;
  color:#fff;
  border-color:#444;
}

/*------------------ 종합정보 ---------------------*/
.reservation_info {overflow:hidden;}
.reservation_info ul {margin-top:50px;width:100%;border:1px solid #a1a1a1;overflow:hidden; }
.reservation_info ul li {float:left;padding:20px;}
.reservation_info ul li.info_tit{width:200px;height:210px;font-weight:bold;background:#3f9bb6;color:#FFF;text-align:center;}
.reservation_info ul li.info_tit2{width:200px;height:360px;font-weight:bold;background:#3f9bb6;color:#FFF;text-align:center;}
.reservation_info ul li.info_tit3{width:200px;height:380px;font-weight:bold;background:#3f9bb6;color:#FFF;text-align:center;}
.reservation_info ul li.info_des{
  width: 700px;
  padding: 30px 50px;
}
.reservation_info dl{
    width:100%;
	padding-top:30px;
}

.reservation_info dl dt{
  height:57px;
	background:#2c440c;
	color:#FFF;
	font-size:1.6em;
	padding:10px 0 0 20px;
	margin-bottom:10px;
}
.reservation_info dl dd{
  width:79%;
}
.reservation_info dl dd p{
  padding-left:20px;
  font-size:1emx;
  line-height:22px;
}

.reser_return{
  padding-top:50px;
	text-align:center;
}
.fn_red{color:#FF0000 !important;}
.fn_blue{color:blue ;}


/*traffic-오시는길*/
.traffic{
	width:900px;
}
.traffic .map{
    width:100%;
    height:600px;
    border:8px solid #3f9bb6;
}
.traffic .add{
    margin:10px 0;
    padding:15px 0;
    background: #e9f6ff;
    text-align: center;
    font-size:18px;
}
.traffic .add span{
    font-weight: bold;
}
.traffic .traffic_info{
    padding: 30px 0 10px 0;
}
.traffic .traffic_info li{
    background: url(/img/sub/traffic/traffic_info.png) no-repeat;
	width:440px;
    height: 340px;
    float: left;
	font-size:0.8em;
	border:1px solid #777777;

}
.traffic .traffic_info .traffic_bus{
    margin-right: 10px;
}
.traffic .traffic_info .traffic_car{
    background-position: -463px 0;
	line-height:28px;
}
.traffic .traffic_info li .info{
    padding:75px 0 0 25px;

}
.traffic .traffic_info li .info h6{
    padding:10px 0 18px 0;

 }
.traffic .traffic_info li .info p{
    padding-bottom: 15px;

 }


 .main_av_wrap{
   width:100%;
   overflow:hidden;
   position:relative;
   border:1px solid;
 }

 .main_av_wrap .title {
   position:absolute;
   z-index:100;
  bottom:40px;
   left:5px;
 }







.sub_top{height: 277px; background: url('/img/sub/0001_bg.jpg') no-repeat; background-size: cover; position: relative; }
.sub_top.sub_0001{background: url('/img/sub/0001_bg.jpg') no-repeat; background-size: cover; background-position: center center; }
.sub_top.sub_0002{background: url('/img/sub/0002_bg.jpg') no-repeat; background-size: cover; background-position: center center; }
.sub_top.sub_0003{background: url('/img/sub/0003_bg.jpg') no-repeat; background-size: cover; background-position: center center; }
.sub_top.sub_0004{background: url('/img/sub/0004_bg.jpg') no-repeat; background-size: cover; background-position: center center; }
.sub_top.sub_0005{background: url('/img/sub/0005_bg.jpg') no-repeat; background-size: cover; background-position: center center; }
.sub_top.sub_0006{background: url('/img/sub/0006_bg.jpg') no-repeat; background-size: cover; background-position: center center; }
.sub_top.sub_0007{background: url('/img/sub/0005_bg.jpg') no-repeat; background-size: cover; background-position: center center; }
.sub_top .sub_top_text{color: white; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center;  text-shadow: 2px 2px #000000;}
.sub_top .sub_top_text .type1{font-size: 50px; line-height: 50px; margin-bottom: 12px; border-top: white solid 1px; border-bottom: solid 1px white; padding: 9px 20px; }
.sub_top .sub_top_text .type2{font-size: 32px; line-height: 36px; }


.sub_0001 .section_1{text-align: center; padding: 60px 0; }
.sub_0001 .section_1 .intitle{font-size: 36px; line-height: 36px; margin-bottom: 32px; letter-spacing: -1px; }
.sub_0001 .section_1 .intext{font-size: 18px; line-height: 22px; letter-spacing: -1px; }
.sub_0001 .section_2{height: 790px; background: url('/img/sub/00010001_img_1.jpg') no-repeat; background-size: cover; }
.sub_0001 .section_3{font-size: 0; padding: 80px 0; }
.sub_0001 .section_3 li{font-size: 14px; display: inline-block; width: calc(33% - 3px); margin-right: 6px; }
.sub_0001 .section_3 li:last-child{margin-right: 0; }
.sub_0001 .section_3 dt{height: 290px; }
.sub_0001 .section_3 .type_1{font-size:36px; letter-spacing: -1px; word-break: keep-all; line-height: 42px; margin-bottom: 20px; }
.sub_0001 .section_3 .type_2{font-size:18px; letter-spacing: -1px; line-height: 22px;}

.sub_body{padding-bottom: 30px; }
.section_intro{text-align: center; letter-spacing: -1px; padding: 70px 0 30px 0; }
.section_intro .intitle{ font-size: 48px; line-height: 52px; }
.section_intro .intitle_eng{ font-size: 36px; line-height: 40px; }
.section_intro .intext{font-size: 18px; }
.section_intro .intext_wrapper{margin-top: 32px;}
.sub_0004 .section_1 dt, .sub_0004 .section_1 dd{ display: table-cell; margin: 0; }
.sub_0004 .section_1 dt{width: 798px; }
.sub_0004 .section_1 dt img{ width: 100%; }
.sub_0004 .section_1 dd{ padding: 0 20px; width: 335px; vertical-align: top; word-break: keep-all;}
.sub_0004 .section_1 dd p{margin-bottom: 20px; font-size: 14px; line-height: 18px; }
.sub_0004 .section_1 dd p:last-child{margin-bottom: 0; }
.sub_0004 .section_1 dd p.title_tag{font-size: 18px; line-height: 18px; word-spacing: -1px; letter-spacing: -1px; }
.sub_0004 .section_1 dd p.title{font-size: 30px; line-height: 30px; }
.sub_0004 .section_1 dd p.no-bottom-margin{margin-bottom: 0;}
.sub_0004 .section_1 dd .etc{font-size: 14px; }
.sub_0004 .etc{margin-top: 40px; }
.sub_0004 .etc li{margin-bottom: 8px; }
.sub_0004 .etc a{color: black; }
.sub_0004 .img_bottom {margin-top: 14px; }
.i_time{        padding-left: 20px; position: relative; padding-left: 30px; }
.i_homepage{    padding-left: 20px; position: relative; padding-left: 30px; }
.i_phone{    padding-left: 20px; position: relative; padding-left: 30px; }
.i_time::before{ content: url("/img/sub/icon_time.png");         position: absolute; left: 2px; }
.i_homepage::before{ content: url("/img/sub/icon_homepage.png"); position: absolute; left: 0; top:3px;  }
.i_phone::before{ content: url("/img/sub/item_phone.png"); position: absolute; left: 3px; top:-2px;  }

.sub_0004 .section_1 .section_1_movie_wrapper{font-size: 0; margin-top: 2px; height: 494px; }
.sub_0004 .section_1 .section_1_movie_wrapper .movie{display: inline-block; margin-right: 2px; height: 100%; }
.sub_0004 .section_1 .section_1_movie_wrapper .right_img{display: inline-block; width :309px;  height: 100%; overflow: hidden; }

.sub_0005 .section_map{border: 6px #ce262c solid; width: 660px; }
.sub_0005 .section_map .map_wrapper{height: 527px; border-bottom: 1px #fcf0f0 solid; margin-bottom: 4px; }
.sub_0005 .section_map .address_wrapper{ border-top: 1px #fcf0f0 solid; padding: 15px; font-size: 18px; line-height: 18px; padding: 15px 0; text-align: center; letter-spacing: -1px; }
.sub_0005 .section_traffic_info li.item{border-bottom: 1px #525252 solid; padding: 45px 0; }
.sub_0005 .section_traffic_info li.item:last-child{border-bottom: 0; }
.sub_0005 .section_traffic_info li.item dt, .sub_0005 .section_traffic_info li dd{display: inline-block; vertical-align: top; margin: 0; padding: 0; }
.sub_0005 .section_traffic_info li.item dt{width: 220px; font-size: 24px; line-height: 24px; }
.sub_0005 .section_traffic_info li.item dd{width: calc(100% - 230px); font-size: 18px; letter-spacing: -1px; word-spacing: -1px; word-break: keep-all; line-height: 24px; }
.sub_0005 .red{color: red; }

.sub_0005 .section_traffic_info li.item ul{margin-bottom: 45px; }
.sub_0005 .section_traffic_info li.item ul:last-child{margin-bottom: 0; }
.sub_0005 .section_traffic_info li.item ul li{display: table-cell; vertical-align: middle; position: relative;padding-left: 60px; }
.sub_0005 .section_traffic_info li.item ul li::before{content: url('/img/sub/icon_arrow_right.png'); position: absolute; top: 50%; left: 34px; ; transform: translate(-50%, -50%); height: 30px; width: 17px; }
.sub_0005 .section_traffic_info li.item ul li:first-child{padding-left: 0; }
.sub_0005 .section_traffic_info li.item ul li:first-child::before{content: none; }
.sub_0005 .address_wrapper dt, .sub_0005 .address_wrapper dd{display: inline-block; text-align: left; }
.sub_0005 .address_wrapper dt{width: 60px; }
.sub_0005 .address_wrapper dd{width: 380px; }
.sub_0005 .address_wrapper dd::before{content: ":"; padding: 0 4px 0 0;  }


.sub_0006_wrapper{padding: 40px 0; }
.table01{ padding:50px 20px; border:5px solid #2c440c; background:#fff; }
.table02{ padding:40px 0px 80px; }
.table01 h5,.table02 h6{ border-bottom: 1px solid #bebebe; padding-bottom: 5px;margin-bottom: 11px; font-size:2em; color:#5b5b5b; font-weight:bold; }

.sub_0002{}
.sub_0002 .info01{margin-bottom: 44px; }
.sub_0002 .info01 h7{font-size: 18px; margin-bottom: 14px; display: block; }
.sub_0002 .info01 p{font-size: 14px; line-height: 22px; padding-left: 12px; }
/* .sub_0002 .room_name_wrapper{border-bottom: 1px solid #bebebe; padding-bottom: 5px;margin-bottom: 11px; font-size:2em; color:#5b5b5b; font-weight:bold;position: relative;}
.sub_0002 .room_name_wrapper .room_name{ font-size: 48px; font-weight: normal; line-height: 48px; display: inline-block; }
.sub_0002 .room_name_wrapper .room_name span{color: #ce262c;}
.sub_0002 .room_name_wrapper .btn_wraper{position:absolute; right: 0; bottom: 0;}
.sub_0002 .room_name_wrapper .btn_wraper button{background-color: #767676; border: 0; padding: 12px 40px 12px 20px; margin: 0; color: white; position:relative; line-height: 14px; font-size: 14px; cursor:pointer; }
.sub_0002 .room_name_wrapper .btn_wraper button::before{position: absolute; content: url('/img/sub/0002_arrow_right.png'); top: 50%; right: 20px; transform: translate(0, -50%);} */

.sub_top_menu_wrapper{background-color: #0a0a02; height: 55px; }
.sub_top_menu{font-size: 0; }
.sub_top_menu li{font-size: 18px; text-align: center; display: inline-block; color: white; line-height: 55px; width: 50%; }
.sub_top_menu li.on{ background-color: #e63f37; }
.sub_top_menu li a{color: white; display: block; width: 100%; }

.room_intro{padding: 16px; margin-bottom: 30px; }
.room_intro .wrapper{position: relative; }
.room_intro_top{border-bottom: #bebebe 1px solid; position: relative;}
.room_intro .wrapper{padding: 16px 0 0 16px;}
.rese_link{position: absolute; right: 0; bottom: 8px;}
.rese_link a{
  background-color: #767676; border: 0; padding: 11px 40px 11px 20px; margin: 0; color: white; position: relative; line-height: 14px; font-size: 14px;
}
.rese_link a::before{position: absolute; content: url(/img/sub/0002_arrow_right.png); top: 50%; right: 20px; transform: translate(0, -50%);}
.room_intro_text{ padding: 10px 0 0 16px; font-size: 14px; line-height: 18px; }
.opt_info{ position: absolute;  right: 175px; bottom: -32px; }



.slick-slide { outline: none !important; }
.room_gallery_wrapper{ font-size: 0; }
.room_gallery{width: 898px; height: 500px; display: inline-block; vertical-align: top;
  /* margin-right: 4px; */
  overflow: hidden;
}
.room_gallery ul{height: 100%; width: 100%;  }
.room_gallery li{width: 100%; height: 100%; border: 0; }
.room_gallery .slick-slide{border: 0; border-right: 2px solid transparent;}
.room_gallery li.slick-slide img{ width: 100%; height: 100%; }
.room_gallery_guide{display: inline-block; height: 500px; width: 297px; vertical-align: top; overflow: hidden; }
.room_gallery_guide ul{height: 100%; margin-top: -2px;}
.room_gallery_guide li{border: 0; position: relative;cursor:pointer;margin:0;}
.room_gallery_guide .slick-vertical .slick-slide{
  /* border-top: 2px transparent solid; border-bottom: 2px transparent solid;
  border: 0; */
      border: 2px solid transparent;
}
.room_gallery_guide li.slick-slide img{ width: 100%; }
.room_gallery_guide li.slick-current::before{content: " "; position: absolute; width: 100%; height: 100%; background: unset; }
.room_gallery_guide li::before{content: " "; position: absolute; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); }

.room_infomation_wrapper{font-size: 0; margin-top: 110px; }
.room_infomation_wrapper .room_name_wrapper{display: inline-block; font-size: 14px; width: 500px; vertical-align: top; padding-top: 14px ;}
.room_infomation_wrapper .room_intro_wrapper{display: inline-block; font-size: 14px; width: 690px; vertical-align: top; }
.room_name_wrapper{text-align: center;}
.room_name_wrapper .room_name_eng{font-size: 60px;  color: #343434; font-weight: 900;  line-height: 54px; letter-spacing: -2px; }
.room_name_wrapper .room_name{font-size: 54px; letter-spacing: -4px; margin-top: 7px; line-height: 54px; }
.room_name_wrapper .room_rese_button a{display: block; margin: 0 auto; margin-top: 17px; width: 160px; padding-left: 27px; height: 50px; line-height: 50px; color: white; background-color: #3db5ea; font-size: 24px; font-weight: normal; position: relative; letter-spacing: -1px; }
.room_name_wrapper .room_rese_button a::before{content: url("/img/sub/icon_check.png"); position: absolute; top: -2px; left: 18px; }

.room_focus ul{font-size: 0; text-align: left; }
.room_focus li{display: inline-block; font-size: 21px; text-align: center; width: 120px; padding-top: 90px; position: relative; }
.room_focus li:first{margin: 0; }
.room_focus li.focus_type_1::before{ content: url("/img/sub/room/icon_room_type_1.png"); position: absolute; left: 50%; transform: translate(-50%, 0); top: 0px; }
.room_focus li.focus_type_2::before{ content: url("/img/sub/room/icon_room_type_2.png"); position: absolute; left: 50%; transform: translate(-50%, 0); top: 0px; }
.room_focus li.focus_type_3::before{ content: url("/img/sub/room/icon_room_type_3.png"); position: absolute; left: 50%; transform: translate(-50%, 0); top: 0px; }
.room_focus li.focus_type_4::before{ content: url("/img/sub/room/icon_room_type_4.png"); position: absolute; left: 50%; transform: translate(-50%, 0); top: 0px; }
.room_focus li.focus_type_5::before{ content: url("/img/sub/room/icon_room_type_5.png"); position: absolute; left: 50%; transform: translate(-50%, 0); top: 0px; }

.room_intro_wrapper .room_text_wrapper{padding-left: 14px;}
.room_intro_wrapper .room_text{font-size: 30px; font-weight: lighter; letter-spacing: -1px; margin-top: 16px; height: 48px; }
.room_intro_wrapper .room_text b{font-weight: bold; }
.room_intro_wrapper .room_text2{font-size: 20px; letter-spacing: -1px; word-break: keep-all; line-height: 24px; margin-top: 8px; }

.roomView{font-family: "Noto Sans KR", sans-serif;}
table.tableStyle01{ width:100%; border-bottom: 1px solid #d4d4d4; background-color: #fbfbfa; margin-top: 50px;}
table.tableStyle01 th,table.tableStyle01 td{ height:40px; font-size:0.9em; text-align: center; border: solid #d4d4d4; border-width:1px 0 0 1px; }
table.tableStyle01 tr:first-child th:first-child, table.tableStyle01 td:first-child{ border-left: 0px; }
table.tableStyle01 th{ font-weight: 500; }
table.tableStyle01 td{ color:#5a5a5a; background-color: white; }

.room_detail{width: 1100px; margin: 0 auto; }
.room_detail .detail_wrapper{ font-size: 0; border-top: 2px #cacaca solid; border-bottom: 2px #cacaca solid; }
.room_detail .detail{display: inline-block; width: 345px; padding: 0 10px;  border-left: 2px #a9a9a9 solid; height: 484px; margin: 15px 0; }
.room_detail .detail:first-child{border-left: 0; }
.room_detail .detail_icon{text-align: center; margin-bottom: 20px; }
.room_detail .detail_title{font-size: 28px; text-align: center; font-weight: bold; }
.room_detail .text_wrapper{text-align: center; letter-spacing: -1px; height: 280px; display:table-cell; vertical-align: middle; width: 345px; word-break: keep-all; }
.room_detail .detail_text_1{font-size: 22px; color: #191919; line-height: 28px; }
.room_detail .detail_text_2{font-size: 18px; color: #191919; line-height: 22px; }
.room_detail .detail_text_3{font-size: 16px;font-weight:bold; color: #393939; line-height: 22px; }
.room_detail .detail_text_break_1{height: 34px; }
.room_detail .detail_text_break_2{height: 12px; }

.room_attention{padding: 50px 0; border-bottom: 2px #cacaca solid; width: 1100px; margin: 0 auto; }
.room_attention .wrapper {}
.room_attention .attention_icon{display: inline-block; width: 370px; text-align: center; vertical-align: bottom; height:150px;}
.room_attention .attention_body{display: inline-block; width: 720px; vertical-align: top; }
.room_attention .attention_title{font-size: 26px; font-weight: bold; }
.room_attention .attention_text{font-size: 18px; color: #393939; padding: 13px 0 0 10px; letter-spacing: -1px; word-spacing: -1px; line-height: 28px; position: relative; }

.facilities_list .facilities{width: 60px; height: 30px; padding-top: 42px;position: relative; display: inline-block; }
.facilities_list .facilities::before{position: absolute; top: 0px; left: 50%; transform: translate(-50%, 0); }
.facilities_list .facilities::after{display: block; width: 100%;  text-align: center; font-size: 12px; }
.facilities_list .facilities.type_1::before{content: url("/img/sub/room/icon_item_1.png"); }
.facilities_list .facilities.type_1::after{content: "TV"; }
.facilities_list .facilities.type_2::before{content: url("/img/sub/room/icon_item_3.png"); }
.facilities_list .facilities.type_2::after{content: "에어컨"; }
.facilities_list .facilities.type_3::before{content: url("/img/sub/room/icon_item_9.png"); }
.facilities_list .facilities.type_3::after{content: "전기밥솥"; }
.facilities_list .facilities.type_4::before{content: url("/img/sub/room/icon_item_4.png"); }
.facilities_list .facilities.type_4::after{content: "냉장고"; }
.facilities_list .facilities.type_5::before{content: url("/img/sub/room/icon_item_13.png"); }
.facilities_list .facilities.type_5::after{content: "조리도구"; }
.facilities_list .facilities.type_6::before{content: url("/img/sub/room/icon_item_7.png"); }
.facilities_list .facilities.type_6::after{content: "선풍기"; }
.facilities_list .facilities.type_7::before{content: url("/img/sub/room/icon_item_6.png"); }
.facilities_list .facilities.type_7::after{content: "침대"; }
.facilities_list .facilities.type_8::before{content: url("/img/sub/room/icon_item_2.png"); }
.facilities_list .facilities.type_8::after{content: "식탁"; }
.facilities_list .facilities.type_9::before{content: url("/img/sub/room/icon_item_5.png"); }
.facilities_list .facilities.type_9::after{content: "쇼파"; }
.facilities_list .facilities.type_10::before{content: url("/img/sub/room/icon_item_8.png"); }
.facilities_list .facilities.type_10::after{content: "드라이기"; }
.facilities_list .facilities.type_11::before{content: url("/img/sub/room/icon_item_10.png"); }
.facilities_list .facilities.type_11::after{content: "전자레인지"; }
.facilities_list .facilities.type_12::before{content: url("/img/sub/room/icon_item_11.png"); }
.facilities_list .facilities.type_12::after{content: "휴대용버너"; }
.facilities_list .facilities.type_13::before{content: url("/img/sub/room/icon_item_12.png"); }
.facilities_list .facilities.type_13::after{content: "커피포트"; }
.facilities_list .facilities.type_14::before{content: url("/img/sub/room/icon_item_14.png"); }
.facilities_list .facilities.type_14::after{content: "욕실용품"; }
/* .facilities_list .facilities.type_15::before{content: url("/img/sub/room/icon_item_15.png"); }
.facilities_list .facilities.type_15::after{content: "개별바베큐"; } */


.room_info_wrap{margin-top:20px;}
.room_info_wrap h5{padding-left:20px;font-size:20px;font-weight:600;background-image:url('/img/sub/icon_circle.jpg');background-repeat: no-repeat;background-position: left 10px;margin-bottom:10px;}
table.tableStyle02{ width:100%; border-bottom: 1px solid #d4d4d4; border-top:2px solid #ce262c;}
table.tableStyle02 th,table.tableStyle02 td{ height:40px; font-size:0.9em; text-align: center; border: solid #d4d4d4; border-width:1px 0 0 1px; }
table.tableStyle02 tr:first-child th:first-child, table.tableStyle02 td:first-child{ border-left: 0px; }
table.tableStyle02 th{ background-color: #eee;font-weight: 500; }
table.tableStyle02 td{ color:#5a5a5a; }
.w400{width:400px;}