/* PC 기본 */
#content5 .thumb_pc { position:relative; padding:50px 0; margin:0 auto; display:block; }
#content5 .thumb_pc .thumbBg{ width: 100%; height: 260px; position: absolute; top: 0; left: 0; background-color: rgba(0,0,0,0.3); z-index: 1; }
ul.outBorder_wrap{ overflow: hidden; width: 100%; height: auto; font-size: 0; padding-bottom: 11px;}
#content5 .thumb_pc li.outBorder { position: relative; float:left; height:260px; padding: 11px; width: 33.3333%!important; box-sizing: border-box;}
#content5 .thumb_pc li.outBorder a{ display: block; width: 100%; height: 100%; position: relative;}
#content5 .thumb_pc li.outBorder .simpleWindow { padding-top:100px; z-index: 10;}
#content5 .thumb_pc li.outBorder .simpleWindow h1 { font-family: Montserrat; font-size: 20px; font-weight: 600; color:#fff; text-align:center; }
#content5 .thumb_pc li.outBorder .simpleWindow h2 { font-family: NotoSansCJKkr; font-size: 12px; font-weight: 300; color:#fff; text-align:center; margin-top:7px; }
#content5 .thumb_pc li.outBorder .infoWindow { margin:20px; display:none; width: calc(100% - 40px); height: calc(100% - 80px); position: absolute; z-index: 10;}
#content5 .thumb_pc li.outBorder .infoWindow ul { background-color:#fff; padding:10px; }
#content5 .thumb_pc li.outBorder .infoWindow ul li { list-style:none; border: 5px solid #d9a76a; padding: 35px 20px; text-align: center; height: 100px; }
#content5 .thumb_pc li.outBorder .infoWindow ul li h1 { font-family: Montserrat; font-size: 22px; font-weight: 600; color:#333; text-align:center; }
#content5 .thumb_pc li.outBorder .infoWindow ul li h3 { font-family: Montserrat; font-size: 12px; margin-top:5px; color:#ccc; text-align:center; }
#content5 .thumb_pc li.outBorder .infoWindow ul li h2 { font-family: NotoSansCJKkr; font-size: 14px; font-weight: 300; color:#666; margin-top:15px; text-align:center; letter-spacing: -0.35px; }
#content5 .thumb_mobile, #content5 .thumb_mobile2 { display:none ;}

div.subTitle { padding: 0 0 120px; background:url('/img/roomstyle/content5.png') no-repeat center center /cover; }
div.subTitle .roomstyle { padding-top: 150px; padding-bottom: 150px; text-align: center; }
div.subTitle .roomstyle img { width:unset; }

/* 750px 미만 */
@media (max-width: 749px) {
    .swiper-container.imgSlider { padding:0 0 46px; background-color:transparent; }
    .swiper-container.imgSlider div.text { display:none; }
    .swiper-container-horizontal > .swiper-scrollbar { left:40px; right:40px; bottom:20px; width:calc(100% - 130px); height:2px; background-color:rgba(102, 102, 102, 0.2); }
    .swiper-scrollbar-drag { background-color:rgba(102, 102, 102, 1.0); }

    .swiper-number-start { left: 10px; }
    .swiper-number-end { right: 55px; }
    .swiper-number-start, .swiper-number-end { position:absolute; bottom:11px; font-family: Montserrat; font-size:18px; font-weight: 600; color:#666; z-index:100; }

    .swiper-play { position:absolute; right:22px; bottom:22px; z-index:100; display:block; }
    .swiper-paus { position:absolute; right:22px; bottom:22px; z-index:100; display:none; }
    .swiper-play i, .swiper-paus i { font-size:12px;font-weight:300;color:#ccc;margin:auto; }
    .swiper-button-next { /*background:url('/img/arrow.png') no-repeat center right /cover;*/ right:10px; bottom:50%; }
    .swiper-button-prev { /*background:url('/img/arrow.png') no-repeat center left /cover;*/ left:10px; bottom:50%;}
    .swiper-button-next, .swiper-button-prev { width:35px; height:35px; background:rgba(255,255,255,0.2); border-radius: 50%; top: 58%; }
    .swiper-button-next i, .swiper-button-prev i{ color: #fff;}
    .swiper-play, .swiper-paus { width:12px; height:12px; }
    .swiper-button-next:hover, .swiper-button-prev:hover { background:rgba(255,255,255,0.2) }
    .swiper-play:hover, .swiper-paus:hover { background:rgba(255,255,255,1) }
    .swiper-button-prev:after, .swiper-button-next:after { text-transform: none !important; letter-spacing: 0; text-transform: none; line-height: 1; }
    .swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after { content: ''; }
    .swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after { content: ''; }

    #content5 .swiper-scrollbar{ width: calc(100% - 50px); left: 0; right: 0; margin: 0 auto; bottom: 20px;}
    #content5 .thumb_pc { display:none; }
    #content5 .thumb_mobile, #content5 .thumb_mobile2 { display:block; margin-top:30px; position: relative; }

    div.subTitle { padding: 0; }

    div.subTitle .roomstyle img { width:80%; }
}

/* 560px 미만 (필요 없으면 사용안해도 무관) */
@media (max-width: 559px) {

}