@charset "utf-8";
/* 소개  */
.ui-topbox.type1.process .circle{display:inline-block;width:71px;height:71px}
.ui-topbox.type1.process .ir-icon{display:block;position:absolute;top:50%;left:50%;width:100%;height:100%;transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);}
.circle-xs{width:25px;height:25px}
.circle-sm{width:40px;height:40px}
.circle-md{width:110px;height:110px}
.circle-lg{width:200px;height:200px}
.badge{width:22px;height:22px;line-height:1.4}
.ir-bbs-del,.ir-bbs-hot,.ir-bbs-new{width:27px;height:11px}
.red{background-color:#F44336}
.cherryred{background-color:#e54c37}
.blue{background-color:#2196F3}
.black{background-color:#000}
.green{background-color:#4CAF50}
.grey{background-color:#9e9e9e}
.purple{background-color:#9c27b0}
.ygrey{background-color:#f6f6f6}
.yblack{background-color:#222}
.bgrey{background-color:#b2b2b2}
.white{background-color:#fff}
.ec7413{background-color:#ec7413}
.ygreen{background-color:#9ca220}
.copper{background-color:#c7b8a3}
.ypurple{background-color:#5a5867}
.bbgrey{background-color:#abacaf}

.ui-topbox {margin-top:30px;}
.ui-topbox.type1 .circle {width:110px; height:110px;}
.space_wrap{ padding: 30px 0px; width: 100%; border: 1px solid #ccc;}
.space_wrap ul {margin:0 ;}
.space_wrap ul:after{display:block;clear:both;visibility:hidden;content:"";}
.space_wrap ul li{float: left; width: 33.3%; min-height:205px; padding:15px 0 0;text-align: center; }
.space_wrap ul li:nth-child(2) {border-right:1px dashed #ccc; border-left:1px dashed #ccc;}
.space_wrap ul li .icon {display:block; margin:0 auto 15px; height:79px; background:url(/images/prog/fcltyResve/space_img.png)no-repeat center;}
.space_wrap ul li .icon.icon01 {width:77px; background-position: 0 0;}
.space_wrap ul li .icon.icon02 {width:74px; background-position: -413px 0;}
.space_wrap ul li .icon.icon03 {width:73px; background-position: -812px 0;}
.space_wrap ul li strong {display: block; margin-bottom:5px; font-size:15px; color:#000; font-weight:bold;}
.space_wrap ul li p {font-size:15px; color:#000; font-weight: normal;}

@media (max-width: 767px){
	.space_wrap{ padding:0 15px;}
	.space_wrap ul li {float:none; width:100%; min-height:auto; padding:20px 0;}
	.space_wrap ul li:nth-child(2) {border:none;border-top:1px dashed #ccc; border-bottom:1px dashed #ccc;}
}


.s07tit {margin:0 0 10px; font-size:20px; color:#464646; font-weight:bold; text-align: left;}
.s07tit2 {margin: 0 0 25px;padding-left:25px;background:url(/images/prog/fcltyResve/tit.png)no-repeat left 7px;font-size:20px;color:#464646;font-weight:bold;text-align: left;}

.fcltyResve_menuul .list_1st li {position: relative; margin:5px 0; padding-left:12px; font-size:14px; color:#666;  }
.fcltyResve_menuul ul.list_1st li:before {display: block; left:0; top:10px;  position: absolute; width:3px; height:3px; border-radius: 50%; background: #7e7e7e; content:"";}
.fcltyResve_menuul ul.list_1st li b {font-weight:bold;font-family: "돋움",dotum;}
.fcltyResve_menu .ui-topbox.type1.atpn .inner{padding:25px}
.fcltyResve_menu .ui-topbox.type1.process .inner{padding:25px}

.tab_w .tab_content {}
.tab_w .tab_content .con {display: none; margin:20px 0 0 ; padding:30px 10px; border:1px solid #ccc;}
.tab_w .tab_content .con.active {display: block;}
.tab_w .tab_content .con .inner {}
.tab_w .tab_content .con .inner:after{display:block;clear:both;visibility:hidden;content:"";}

.s0301_info{}
.s0301_info:after{display:block;clear:both;visibility:hidden;content:"";}
.s0301_info .r_floor{position:relative;float:left;width: 50%;/* height:692px; */-webkit-box-sizing:border-box;box-sizing:border-box;}
.s0301_info .r_floor .floor_1f{width: 100%;/* height: 321px; */text-align:  center;display:  inline-block;}

.s0301_info2{}
.s0301_info2:after{display:block;clear:both;visibility:hidden;content:"";}
.s0301_info2 .r_floor{position:relative;float:left;width: 50%;height: 750px;-webkit-box-sizing:border-box;box-sizing:border-box;}
.s0301_info2 .r_floor .floor_2f{width: 100%;/* height: 321px; */text-align:  center;display:  inline-block;}
.s0301_info2 .r_floor .floor_3f{width: 100%;/* height: 321px; */text-align:  center;display:  inline-block;}
.mouse_info{height: 32px; padding-top: 5px; background: url(/images/prog/fcltyResve/click.png) 0 0 no-repeat; margin-bottom: 30px; padding-left: 36px;text-align:left}
p.info_p {position: relative;margin: 15px 0 30px;padding-left:20px;font-size:14px;color:#666;text-align: left;}
p.info_p span {display: block; position: absolute; left: 10px; top: 10px; width: 3px; height: 3px; background: #0b1f3b;}

.s0301_info2 .control {display:none;}
.floor_1f .f_box{ width:455px; height:243px; padding:0; margin:0; display:inline-block; position:relative; z-index:0;}
.floor_1f .f_box:before {display: block;width:100%; height:100%;  content:"";background:url(/images/prog/fcltyResve/s0701_img01.jpg) no-repeat center center;}

.floor_2f .f_box{ width:410px; height:235px; padding:0; margin:0; display:inline-block; position:relative; z-index:0;}
.floor_2f .f_box:before {display: block;width:100%; height:100%;  content:""; background:url(/images/prog/fcltyResve/s0701_img022.jpg) no-repeat center center;background-size:100%}

.floor_3f .f_box{width:413px;height: 228px;padding:0;margin:0;display:inline-block;position:relative;z-index:0;}
.floor_3f .f_box:before {display: block;width:100%; height:100%;  content:""; background:url(/images/prog/fcltyResve/s0701_img033.jpg) no-repeat center center;background-size:100%}



.f_box a{ text-align:center; display:table; position:absolute; z-index:3;}
.f_box a span{;display:table-cell;font-size:12px;font-weight: bold;color:#000;text-align:center;line-height:20px;word-break:break-all;padding:0 4px;vertical-align:middle;text-decoration: none;}
.f_box a:hover{ background-color:#fbbb22; text-decoration:none; font-weight:bold;}
.f_box a.f_loca3:hover{ background:none;}
.floor_1f .f_box .f_loca1{width: 135px;height: 100px;top: 2px;left: 85px;}
.floor_1f .f_box .f_loca2{width: 115px;height: 100px;top: 2px;left: 221px;}
.floor_1f .f_box .f_loca3{width: 115px;height: 142px;top: 2px;right: 2px;}
.floor_1f .f_box .f_loca3:before{width:116px;height:100px;content: "";top: 0;right: 0;position: absolute;z-index: -1;}
.floor_1f .f_box .f_loca3:after{width:79px; height:43px; content: ""; top:100px; right:0; position: absolute; z-index: -1;}
.floor_1f .f_box .f_loca4{width: 115px;height: 96px;bottom: 2px;right: 2px;}
.floor_1f .f_box .f_loca5{width: 92px;height: 96px;bottom: 2px;right: 119px;}
.floor_1f .f_box .f_loca6{width:92px; height:96px; bottom:2px; left:150px;}

.floor_2f .f_box .f_loca7{top: 32px; left: 53px; width: 63px; height: 56px;}
.floor_2f .f_box .f_loca8{top: 32px; left: 118px; width: 53px; height: 56px;}
.floor_2f .f_box .f_loca9{bottom: 71px; left: 32px; width: 84px; height: 58px;}

.floor_3f .f_box .f_loca10 { width: 70px; height: 63px; top: 36px; right: 2px; text-decoration: none;}

.f_box a.f_loca3:hover:before,
.f_box a.f_loca3:hover:after{ background-color:#fbbb22;}

.s0301_info.on1 .floor_1f .f_box:before{ background-image:url(/images/prog/fcltyResve/s0701_img01_ov1.jpg);}
.s0301_info.on2 .floor_1f .f_box:before{ background-image:url(/images/prog/fcltyResve/s0701_img01_ov2.jpg);}
.s0301_info.on3 .floor_1f .f_box:before{ background-image:url(/images/prog/fcltyResve/s0701_img01_ov3.jpg);}
.s0301_info.on4 .floor_1f .f_box:before{ background-image:url(/images/prog/fcltyResve/s0701_img01_ov4.jpg);}
.s0301_info.on5 .floor_1f .f_box:before{ background-image:url(/images/prog/fcltyResve/s0701_img01_ov5.jpg);}
.s0301_info.on6 .floor_1f .f_box:before{ background-image:url(/images/prog/fcltyResve/s0701_img01_ov6.jpg);}
.s0301_info2.on7 .floor_2f .f_box:before{ background-image:url(/images/prog/fcltyResve/s0701_img02_ov1.jpg);}
.s0301_info2.on8 .floor_2f .f_box:before{ background-image:url(/images/prog/fcltyResve/s0701_img02_ov2.jpg);}
.s0301_info2.on9 .floor_2f .f_box:before{ background-image:url(/images/prog/fcltyResve/s0701_img02_ov3.jpg);}
.s0301_info2.on10 .floor_3f .f_box:before{ background-image:url(/images/prog/fcltyResve/s0701_img03_ov1.jpg);}

.s0301_info .l_info{ display:none;}
.s0301_info2 .l_info{ display:none;}
.s0301_info.on1 #f1.l_info,
.s0301_info.on2 #f2.l_info,
.s0301_info.on3 #f3.l_info,
.s0301_info.on4 #f4.l_info,
.s0301_info.on5 #f5.l_info,
.s0301_info.on6 #f6.l_info,
.s0301_info2.on7 #f7.l_info,
.s0301_info2.on8 #f8.l_info,
.s0301_info2.on9 #f9.l_info,
.s0301_info2.on10 #f10.l_info{ display:inline-block;}


.s0301_info .l_info{overflow:hidden;float:left;padding: 0 50px;width: 50%;/* height:692px; *//* border-left: 1px solid #ddd; */-webkit-box-sizing:border-box;box-sizing:border-box;}
.s0301_info .l_info .slider_img{width: 100%;height: 50%;}
.s0301_info .l_info .info_box{width: 100%;height: 40%;margin-top: 10px;/* border: 0.5px solid #ddd; */padding: 5%;}
.s0301_info .l_info .info_box strong{font-size: 22px; font-weight: 600;}
.s0301_info .l_info .info_box p{margin-left: 5px; padding: 0;}
.s0301_info .l_info .info_box p.info_icon{position:relative;font-size: 15px;color: #666666;}
.s0301_info .l_info .info_box p.info_icon span.info_clo{position:relative;top:4px;display:inline-block;height:17px;width:17px;margin-right: 8px;background-image:url(/img/narae/sub03/clo.png);background-position: 0 0;}
.s0301_info .l_info .info_box p.info_icon em{color: #333;}
.s0301_info .l_info .info_box a{width: 100%;margin-top: 20px;text-align:center}

.s0301_info2 .l_info{float:left;padding: 0 50px;width: 50%;height: 787px;border-left: 1px solid #ddd;-webkit-box-sizing:border-box;box-sizing:border-box;}
.s0301_info2 .l_info .slider_img{width: 100%;height: 50%;}
.s0301_info2 .l_info .info_box{width: 100%;height: 40%;margin-top: 10px;/* border: 0.5px solid #ddd; */padding: 5%;}
.s0301_info2 .l_info .info_box strong{font-size: 22px; font-weight: 600;}
.s0301_info2 .l_info .info_box p{margin-left: 5px; padding: 0;}
.s0301_info2 .l_info .info_box p.info_icon{position:relative;font-size: 15px;color: #666666;}
.s0301_info2 .l_info .info_box p.info_icon span.info_clo{position:relative;top:4px;display:inline-block;height:17px;width:17px;margin-right: 8px;background-image:url(/img/narae/sub03/clo.png);background-position: 0 0;}
.s0301_info2 .l_info .info_box p.info_icon em{color: #333;}
.s0301_info2 .l_info .info_box a{width: 100%;margin-top: 20px;text-align: center;}
.btn.btn-file.s0301{color:#fff;font-size:18px;font-weight: bold; background-color: #0b1f3b;margin:0.2%;height:68px;padding: 20px 15px;vertical-align: middle;}
.bico.bticon.home0301{display: inline-block; width: 34px;height: 33px;margin:0 0 0 15px;background: url(/images/prog/fcltyResve/home_img.png); vertical-align: middle;}

.l_info .slide_img{overflow: hidden;position: relative;margin-bottom: 25px;height: 50%;}
.l_info .slide_img .gallery{float: left;width: 100%;}
.l_info .slide_img .gallery:after{content: '';display: block;visibility: hidden;clear: both;}
.l_info .slide_img .ui.uipt #galleryView img{width: 100%}
.l_info .slide_img .ui.uipt #galleryThum{background: none;}
.l_info .slide_img .ui.uipt #galleryThum .list{overflow: hidden;width: 100%;}
.l_info .slide_img .ui.uipt #galleryThum .item{float:left;width:24%;margin: 0 0.5%;}
.l_info .slide_img .ui.uipt #galleryThum .holder{margin-top: 5px;padding: 17px 50px 0px;}
.l_info .slide_img .ui.uipt #galleryThum .arr{position:absolute;top:35%;margin-top: -11.5px;padding-top:6px;font-size:0;text-indent: -9999px;}
.l_info .slide_img .ui.uipt #galleryThum .arrLeft{left: 20px;}
.l_info .slide_img .ui.uipt #galleryThum .arrRight{right: 20px;}
.l_info .slide_img .ui.uipt #galleryThum .arr span{display: block;width:43px;height: 43px;margin: 0 auto;background: url(/img/narae/sub03/sub0301_arr.png) no-repeat;font-size: 0;text-indent: -9999px;}
.l_info .slide_img .ui.uipt #galleryThum .arrLeft span{background-position: 0 0;}
.l_info .slide_img .ui.uipt #galleryThum .arrRight span{background-position: -43px 0;}
.l_info .slide_img .ui.uipt #galleryThum li a.ov{ border:0;}
.l_info .slide_img .ui.uipt #galleryThum .list li{display: block;position: relative;border:1px solid #fff;overflow:  hidden;text-align: center;}

/* TouchSlider 기본 시작 */
.sliderBox_s0301,
.sliderBox_s0301 ul,
.sliderBox_s0301 ul li{width: 100% !important;height:100%;padding:0;margin:0;display:inline-block;}
.sliderBox_s0301{ overflow:hidden;}
.sliderBox_s0301 ul{overflow: hidden;height: 305px;position:relative;}
.sliderBox_s0301 ul li{overflow: hidden;/* position:absolute; */top:0;left:0;}
/* TouchSlider 기본 끝 */

.mvisual_wrap{ padding:0; margin:0; display:inline-block; position:relative;width:100%;}
.mvisual_wrap .sliderBox_s0301{width: 100%;text-align: center;}
.mvisual_wrap .sliderBox_s0301 ul li{ height:305px;}
.mvisual_wrap .sliderBox_s0301 ul li span {display:block; position:relative; width:100%; height:100%;background-color:#f7f7f7}
.mvisual_wrap .sliderBox_s0301 ul li span img {position: absolute;top: 50%;left: 50%;width: auto;max-width: 1000%;height:100%;transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);}
.mvisual_wrap .control {display:block !important; }
.mvisual_wrap .control button{ width:43px; height:43px; font-size:0; text-indent:-9999px; padding:0; margin:0; display:inline-block;}
.mvisual_wrap .control .paging{margin: 10px 0;text-align: center;}
.mvisual_wrap .control .btn_page{width: 7px;height: 7px;margin: 0 4px;border: 1px solid #0b1f3b;background: #fff;text-align: center;}
.mvisual_wrap .control .btn_page.on{width: 7px;height: 7px;background-color:#0b1f3b}
.mvisual_wrap .control .btn_prev{position:absolute; top:130px; left:10px;width:43px; height:43px; background:url(/images/prog/fcltyResve/arr2.png)no-repeat 0 0;font-size:0;}
.mvisual_wrap .control .btn_next{position:absolute; top:130px;right:10px; width:43px; height:43px; background:url(/images/prog/fcltyResve/arr2.png)no-repeat -43px 0;font-size:0;}


.mvisual_wrap .controlBox button{ width:43px; height:43px; font-size:0; text-indent:-9999px; padding:0; margin:0; display:inline-block;}
.mvisual_wrap .controlBox .paging{margin: 10px 0;text-align: center;}
.mvisual_wrap .controlBox .btn_page{width: 7px;height: 7px;margin: 0 4px;border: 1px solid #0b1f3b;background: #fff;text-align: center;}
.mvisual_wrap .controlBox .btn_page.on{width: 7px;height: 7px;background-color:#0b1f3b}
.mvisual_wrap .controlBox .btn_prev{position:absolute; top:130px; left:10px;width:43px; height:43px; background:url(/images/prog/fcltyResve/arr2.png)no-repeat 0 0;font-size:0;}
.mvisual_wrap .controlBox .btn_next{position:absolute; top:130px;right:10px; width:43px; height:43px; background:url(/images/prog/fcltyResve/arr2.png)no-repeat -43px 0;font-size:0;}

@media (max-width: 1300px){
	.mvisual_wrap {width:455px; margin:20px 0 10px;}
    .s0301_info .r_floor{float:none;width:100%;height:auto;}
	.s0301_info2 .r_floor{float:none;width:100%;height:auto;}
    .floor_1f .f_box,
    .floor_2f .f_box,
    .floor_3f .f_box{text-align: center;}
    .s0301_info .l_info{float:none;/* padding-left:unset; */width:100%;padding: 0 10px;text-align: center;height:auto;border-left: none;-webkit-box-sizing:border-box;box-sizing:border-box;}
		.s0301_info2 .l_info{float:none;/* padding-left:unset; */width:100%;padding: 0 10px;text-align: center;height:auto;border-left: none;-webkit-box-sizing:border-box;box-sizing:border-box;}
}
@media (max-width: 639px){
	.s0701 .tab_w .tab_content .con {padding:40px 5%;}
	.mvisual_wrap{width: 100%;}
	.s0301_info .r_floor{float:none;width:100%;height:auto;}
	.s0301_info .r_floor .floor_1f{width:100%;height:auto;}
	.s0301_info .r_floor .floor_2f{width:100%;height:auto;border-top: 1px dotted #ddd; margin-top: 23px;padding-top: 15px;}
	.s0301_info2 .r_floor{float:none;width:100%;height:auto;}
	.s0301_info2 .r_floor .floor_1f{width:100%;height:auto;}
	.s0301_info2 .r_floor .floor_2f{width:100%;height:auto;border-top: 1px dotted #ddd; margin-top: 23px;padding-top: 15px;}
	.floor_1f .f_box{width:240px;height:143px;}
	.floor_2f .f_box{width:240px;height:143px;}
	.floor_3f .f_box{width:240px;height: 50px;}
	.mouse_info{margin-bottom:30px;}
	.s0301_info .r_floor .floor_1f h5,
	.s0301_info .r_floor .floor_2f h5{margin: 5px 0 5px 13px;}
	.s0301_info2 .r_floor .floor_1f h5,
	.s0301_info2 .r_floor .floor_2f h5{margin: 5px 0 5px 13px;}
	.f_box a{ text-align:center; display:table; position:absolute; z-index:3;}
	.f_box a.f_loca9 span{text-align:center; line-height:20px; word-break:break-all; padding:0px 8px; }

	.floor_1f .f_box .f_loca1{ width:48%; height:33%;top:1%; left:1%; border: 1px solid #fbbb22;}
	.floor_1f .f_box .f_loca2{ width:48%; height:33%;top:1%; left:50%; border: 1px solid #fbbb22;}
	.floor_1f .f_box .f_loca3{ width:48%; height:33%; top:35%; left:1%; border: 1px solid #fbbb22;}
	.floor_1f .f_box .f_loca4{ width:48%; height:33%; top:35%; left:50%; border: 1px solid #fbbb22;}
	.floor_1f .f_box .f_loca5{ width:48%; height:33%; top:69%; left:1%; border: 1px solid #fbbb22;}
	.floor_1f .f_box .f_loca6{ width:48%; height:33%; top:69%; left:50%; border: 1px solid #fbbb22;}
	.floor_2f .f_box .f_loca7{ width:48%; height:33%; top:1%; left:1%; border: 1px solid #fbbb22;}
	.floor_2f .f_box .f_loca8{ width:48%; height:33%; top:1%; left:50%; border: 1px solid #fbbb22;}
	.floor_2f .f_box .f_loca9{ width:48%; height:33%; top:35%; left:1%; border: 1px solid #fbbb22;}
	.floor_3f .f_box .f_loca10{ width:48%; height:45px; top:1%; left:1%; border: 1px solid #fbbb22;}
	.floor_2f .f_box .f_loca9:before{display: none;}
	.floor_2f .f_box .f_loca9:after{display: none;}
	.f_box a.f_loca9:hover:before,
	.f_box a.f_loca9:hover:after{ background-color:#fbbb22;}

	.s0301_info .f_box{background: none;width: 100%;}
	.s0301_info .f_box:before,
	.s0301_info .f_box:after{display: none;}

	.s0301_info2 .f_box{background: none;width: 100%;}
	.s0301_info2 .f_box:before,
	.s0301_info2 .f_box:after{display: none;}

	.s0301_info.on1 .f_box .f_loca1,
	.s0301_info.on2 .f_box .f_loca2,
	.s0301_info.on3 .f_box .f_loca3,
	.s0301_info.on4 .f_box .f_loca4,
	.s0301_info.on5 .f_box .f_loca5,
	.s0301_info.on6 .f_box .f_loca6,
	.s0301_info2.on7 .f_box .f_loca7,
	.s0301_info2.on8 .f_box .f_loca8,
	.s0301_info2.on9 .f_box .f_loca9,
	.s0301_info2.on10 .f_box .f_loca10{ background-color:#fbbb22;}

  .mvisual_wrap .sliderBox_s0301{width:100%;}
}
@media (max-width: 450px){
    .s0301_info{min-height: unset;}
    .s0301_info .l_info {height: auto;}
    .s0301_info .l_info .info_box{width: 100%;height: 45%;margin-top: 10px;border:none;padding: 5%;}

		.s0301_info2{min-height: unset;}
    .s0301_info2 .l_info {height: auto;}
    .s0301_info2 .l_info .info_box{width: 100%;height: 45%;margin-top: 10px;border:none;padding: 5%;}
}

/* list ir */
.rclty_ir{overflow:hidden;background:url(/images/prog/fcltyResve/ir_ico.png) no-repeat}
.rclty_ir:before{display:inline-block;width:100%;height:100%;vertical-align:top;content:''}

/* 대관신청_list : fcltyResve/list.jsp */
.pageIcon{text-align:center}
.pageIcon img{margin-bottom:10px}
.pageIcon p{font-size:20px;text-align:center}
.pageIcon p .red{color:c00}
.roomList{overflow:hidden;margin-top:50px}
.roomList .roomWrap{position:relative;overflow:hidden;margin-top:-15px}
.roomList .room_box{overflow:hidden;float:left;position:relative;width:33.3%;height:400px;margin-top:15px;border:1px solid transparent}
/* .roomList .room_box .imgBox{position:absolute;top:0;left:0;height:220px;width:100%;background-color:#f6f6f6;transition:all .3s;text-align:center}
.roomList .room_box .imgBox img{max-width:none;height:100%;transition:all .3s} */
.roomList .room_box .imgBox{display:block;position:absolute;top:0;left:0;right:0;bottom:0;text-align:center;width:100%;height:220px;background-color: #f6f6f6; transition: all .3s}
.roomList .room_box .imgBox img{ position: absolute; top: 50%; left: 50%; max-width: none; height: 100%; max-height: 100%; transform: translate(-50%,-50%); transition: -webkit-transform cubic-bezier(.22,.61,.36,1) .4s; transition: transform cubic-bezier(.22,.61,.36,1) .4s; transition: transform cubic-bezier(.22,.61,.36,1) .4s,-webkit-transform cubic-bezier(.22,.61,.36,1) .4s; -webkit-transform: translate(-50%,-50%); -webkit-transition: -webkit-transform cubic-bezier(.22,.61,.36,1) .4s; -o-transition: transform cubic-bezier(.22,.61,.36,1) .4s; -ms-transform: translate(-50%,-50%);}
.roomList .room_box .textBox{position:absolute;top:220px;right:0;left:0;height:260px;padding:35px 30px 0;background-color:#0b1f3b;color:#fff;text-align:center;transition:all .3s}
.roomList .room_box .textBox span{display:block;word-wrap: break-word;word-break: keep-all}
.roomList .room_box .textBox .title{margin-bottom:14px;font-size:20px;font-weight:bold;color:#fff}
.roomList .room_box .innerBtn{position:absolute;top:304px;right:0;left:0;bottom:0;background-color:#0b1f3b;text-align:center;transition:all .3s}
.roomList .room_box .innerBtn a{ display: inline-block;width: 114px; height: 40px; padding: 8px 20px; background-color: #0b1f3b; color: #fff;}
.roomList .room_box .innerBtn a:hover,
.roomList .room_box .innerBtn a:focus{border-color:#0b1f3b}

.roomList .room_box:focus .imgBox,
.roomList .room_box:hover .imgBox{width:100%;height:150px}

.roomList .room_box:focus .textBox,
.roomList .room_box:hover .textBox{top:140px;padding-top:40px;background-color:#57a93f}

.roomList .room_box:focus .textBox .title,
.roomList .room_box:hover .textBox .title{color:#fff}

.roomList .room_box:focus .innerBtn,
.roomList .room_box:hover .innerBtn{background-color:#57a93f}

@media screen and (max-width:999px){
.roomList .room_box{float:none;width:100%;height:auto;min-height:150px;margin-bottom:10px;padding-right:0;border:1px solid #ddd}
.roomList .room_box .imgBox{display:none}
.roomList .room_box .textBox{position:static;width:100%;height:100%;padding:30px 152px 30px 30px;background-color:#fff;color:#333;text-align:left}
.roomList .room_box .textBox .title{color:#333}
.roomList .room_box .innerBtn{position:absolute;top:30px;right:20px;left:auto;bottom:auto;width:auto;padding:0;background-color:transparent;text-align:right}

.roomList .romm_box:focus .textBox,
.roomList .romm_box:hover .textBox{padding:30px;background-color:#fff;color:#333}
}
@media screen and (max-width:460px){
.roomList .room_box .textBox{padding:30px}
.roomList .room_box .innerBtn{ position: relative;top: -8px;right: 0;padding: 0;width: 100%;text-align: center}

}

.textListBox{overflow:hidden;padding:20px;border:1px solid #ddd}
.textListBox.rule{overflow:hidden;padding:26px 15px;border:1px solid #ddd}
.textListBox li{position:relative;float:left;padding:20px;text-align:center;}
.textListBox li:after{position:absolute;top:10%;left:0;bottom:10%;width:1px;border-left:1px solid #ddd;content:''}
.textListBox li:first-child:after{display:none}
.textListBox li.leftIcon{text-align:left}
.textListBox.col3 li{width:23.3%;}
.textListBox.col3 li img{position:absolute;top:20px;left:10px}
.textListBox.col2 li{width:50%}
.textListBox.col2 li img{margin-bottom:10px}
.textListBox.rule li{padding:38px 6px 38px 83px}
.textListBox.rule li:after{display:none}

.textListBox .rclty_tit{margin: 15px 0 6px 0;font-weight: bold;font-size: 15px;color: #000;}


.textListBox .oper{display:block;width:76px;height:70px;margin:0 auto}
.textListBox .icon1{background-position:0 -89px}
.textListBox .icon2{width:85px;background-position:-95px -79px}


.textListBox .rule{display:block;position:absolute;top:18px;left:10px;width:63px;height:63px;margin:0 auto}
.textListBox .icon3{background-position:0 0}
.textListBox .icon4{background-position:-126px 0}
.textListBox .icon5{background-position:-62px 0}
.textListBox .icon6{background-position:-189px 0}


.txt_box{margin-top:36px;padding:27px 35px;border:1px solid #eaeaea;background:#f9f9f9}
.txt_box .ex_tit{position:relative;margin-bottom:0;padding-left:92px;line-height:22px;font-weight:normal;color:#000}
.txt_box .ex_tit:before{display: block;position: absolute;top: 1px;left: 0;width: 22px;height: 22px;background: url(/images/lll/common/icon_hs.png) no-repeat;background-position: -22px 0;content: '';}
.txt_box .ex_tit .tit{display:inline-block;float:left;position:relative;min-width:66px;margin-left:-66px}

@media screen and (max-width:767px){
.textListBox li{padding:10px}
.textListBox.rule{padding:15px 20px}
.textListBox .rule{top:6px}
.textListBox.rule li{float:none;width:100%;padding:26px 20px 26px 90px}
.textListBox.col2 li:after{display:none}
.txt_box{padding:27px 20px}

.textListBox.col3 li em.block{display:inline}
}

@media screen and (max-width:640px){
	.textListBox li,.textListBox.col2 li{float:none;width:100%}
	
	
}

.textListBox.rule.col2 li p {margin-top:0;font-size:15px;font-weight:bold}