.s193__inner{overflow:hidden;max-width:1440px;margin:0 auto;padding:0 15px;background-color:#fff}
.s193__map{display:none}
.s193__button__list ul{overflow:hidden;margin-left:-10px;margin-top:-10px}
.s193__button__list li{float:left;width:calc(50% - 10px);margin-left:10px;margin-top:10px}
.s193__btton-map{display:block;position:relative;width:100%;height:57px;padding:0 25px;border:1px solid #bbb;font-size:12px;color:#333;text-align:center}
.s193__btton-map span{display:inline-block;position:relative;width:auto;vertical-align:middle}
.s193__btton-map.active{border-color:#333}
.s193__btton-map:disabled{color:#afafaf;border-color:#cecece}
.s193-modal{width:70%;max-width:1200px;max-height:720px}
.s193 .c-modal-video{display:none;overflow:hidden;position:fixed;top:50%;left:50%;z-index:1001;width:90%;opacity:0;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transition:opacity .2s;-o-transition:opacity .2s;transition:opacity .2s}
.s193 .c-modal-video.is-active{opacity:1}
.s193 .c-modal__frame{overflow:hidden;position:relative;background-color:#000}
.s193 .c-modal__frame .s193__livecam--iframe{position:absolute;top:0;left:0;width:100%;height:100%}
.s193 .c-modal__frame:after{content:"";display:block;padding-bottom:56.25%}
.s193 .c-modal__wrap{padding-top:65px;padding-bottom:30px;background:#fff}
.s193 .c-modal__head{height:65px;line-height:65px;border:0}
.s193 .c-modal__iframe{width:100%;height:100%}
.s193 .s193__livecam--iframe{width:100%;height:100%}
.s193__livecam--view{display:block;position:relative}
.s193__inner .s193__livecam--view{margin-top:27px}
.s193__inner .s193__livecam--view:after{content:"";display:block;padding-bottom:56.25%}
.s193__inner .s193__livecam--view .s193__livecam--iframe{position:absolute;top:0;left:0;width:100%;height:100%}
.s193__livecam--view .s193__livecam--iframe{width:100%;background-color:#000}
.s193__livecam--view .s193__livecam--time{position:absolute;right:11px;bottom:11px;font-size:12px;color:#fff}
.s193__play{display:block}
.s193__play:after,.s193__play:before{content:"";display:block;position:absolute;top:50%;left:50%;z-index:1}
.s193__play:before{width:35px;height:35px;border-radius:50%;background:rgba(0,0,0,0.65);-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-box-shadow:3px 3px 10px rgba(0,0,0,.4);box-shadow:3px 3px 10px rgba(0,0,0,.4)}
.s193__play:after{width:0;height:0;border-style:solid;border-width:6px 0 6px 7px;border-color:transparent transparent transparent #fff;-webkit-transform:translate(-30%,-50%);-ms-transform:translate(-30%,-50%);transform:translate(-30%,-50%)}
.s193__paused{display:none;color:#fff}
.s193__paused:after,.s193__paused:before{content:"";display:block;position:absolute;top:50%;left:50%;z-index:1}
.s193__paused:before{width:35px;height:35px;border-radius:50%;background:rgba(0,0,0,0.65);-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-box-shadow:3px 3px 10px rgba(0,0,0,.4);box-shadow:3px 3px 10px rgba(0,0,0,.4)}
.s193__paused:after{content:'';opacity:1;position:absolute;right:50%;top:50%;border:0;background:transparent;box-sizing:border-box;width:0;height:10px;cursor:pointer;border-style:solid;border-style:double;border-width:0 0 0 6px;transform:translate(-50%,-50%)}
.s193__livecam--view.playing .s193__play{display:none}
.s193__livecam--view.playing:hover .s193__paused{display:block}
.s193__map--img img{width:100%}
@media all and (max-width:1025px){.s193__btton-map.on{border-color:#333}
}
@media all and (min-width:768px){.s193__btton-map{height:75px;padding:0 31px;font-size:15px}
.s193__play:before{width:71px;height:71px}
.s193__play:after{border-width:12.5px 0 12.5px 15px}
.s193__paused:before{width:71px;height:71px}
.s193__paused:after{height:25px;border-width:0 0 0 20px}
.s193__livecam--view .s193__livecam--time{right:20px;bottom:20px;font-size:14px}
}
@media all and (min-width:1025px){.s193__inner{position:relative}
.s193__map{display:block;position:relative;margin:95px 0 0}
.s193__button__list{position:absolute;left:0;top:0;width:100%;padding:0 15px}
.s193__button__list ul{display:table;width:100%;margin:0;overflow:hidden}
.s193__button__list li{display:table-cell;float:none;width:25%;margin-left:0;padding:0 6px}
.s193__button__list li:nth-child(1){padding-left:0}
.s193__button__list li:nth-child(4){padding-right:0}
.s193__map--flag{display:block;position:absolute;height:42px;padding:4px 22px;background:#fff;font-size:14px;font-weight:bold;color:#443e34;border:1px solid #757575;border-radius:42px;-webkit-box-shadow:3px 3px 10px rgba(0,0,0,.4);box-shadow:3px 3px 10px rgba(0,0,0,.4)}
.s193__map--flag span{position:relative}
.s193__map--flag:disabled{color:#fff;background:#b9b9b9}
.s193__map--flag:disabled:before{background-color:#fff;background-position:-66px 0}
.s193__map--flag.active{background:#008ef0;color:#fff;border-color:#0883d8}
.s193__map--flag-left:before{content:'';display:block;position:absolute;left:4px;top:4px;width:33px;height:33px;background-color:#008ef0;background-image:url(../../../../../../../../content/dam/lottehotel/components/common/content/common/s193-arai-live-camera/ico_map_camera.png);border-radius:50%}
.s193__map--flag-left{padding-left:47px}
.s193__map--flag-right:before{content:'';display:block;position:absolute;right:4px;top:4px;width:33px;height:33px;background-color:#008ef0;background-image:url(../../../../../../../../content/dam/lottehotel/components/common/content/common/s193-arai-live-camera/ico_map_camera.png);border-radius:50%}
.s193__map--flag-right{padding-right:47px}
.s193__map--flag-left.active:before,.s193__map--flag-right.active:before{background-color:#fff;background-position:-33px 0}
.s193__button__list ul{margin:0}
.s193__button__list li{margin-left:0}
.s193__button__list li:first-child{margin-top:0}
.s193__btton-map{padding:0 15px 0 17px}
.s193__btton-map span{max-width:calc(100% - 47px)}
.s193__btton-map:before{content:'';display:inline-block;position:relative;width:28px;height:22px;margin-right:12px;background:url(../../../../../../../../content/dam/lottehotel/components/common/content/common/s193-arai-live-camera/ico_camera.png);vertical-align:middle}
.s193__btton-map:disabled:before{background-position:-28px 0}
.s193__inner .s193__livecam--view{display:none}
}
.s193__map--flag[data-mapid="2"]:before{-ms-transform:scaleX(-1);-webkit-transform:scaleX(-1);transform:scaleX(-1)}
.s193__map--flag[data-mapid="3"]:before{-ms-transform:rotate(110deg);-webkit-transform:rotate(110deg);transform:rotate(110deg)}
.s193__map--flag[data-mapid="4"]:before{-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg)}