@charset "utf-8";

.product_new.acc_new .sns_blue {width:500px;}
.product_new.acc_new.remote_plus_app .topInfo {padding:120px 0 150px;}
.product_new.remote_plus_app .topInfo img.right {width:525px; }
.acc_new .middleInfo h3 + p span {font-size: 0.813em; margin-top: 30px; display: block;}

.remote_plus_app h4 {color:#252525; font-weight: 600; font-size: 2em;}
.remote_plus_app .layoutWrap {margin-bottom: 50px;}
.remote_plus_app .layoutWrap h4 {float:left;}
.remote_plus_app .layoutWrap img {width: 840px; float:right;}

.remote_plus_app .functionWrap {padding-bottom: 150px;}
.remote_plus_app .functionWrap ul {margin-top: 30px;}
.remote_plus_app .functionWrap ul li {text-align: center; width: 18%; float:left; margin-right: 2.5%;}
.remote_plus_app .functionWrap ul li:last-of-type {margin-right: 0;}
.remote_plus_app .functionWrap ul li img {width: 100%;}
.remote_plus_app .functionWrap ul li p {color:#000; font-weight: 600; font-size: 1.127em;}

/* video list */
.remote_plus_app .wayWrap ul.videoList {padding-bottom: 45px; border-bottom: 1px solid #707070}
.remote_plus_app .wayWrap ul.videoList li {width: 49%; text-align: center;}
.remote_plus_app .wayWrap ul.videoList li:nth-of-type(2) {float:right;}
.remote_plus_app .wayWrap #play {background-image: url("../../images/product/remote_plus_app/play.png"); background-repeat: no-repeat; background-position: 50% 50%; background-size: 80px;}
.remote_plus_app .wayWrap iframe {width: 100%; height: 333px;}
.remote_plus_app .wayWrap ul.videoList li > div  {height: 333px; position: relative; border:1px solid #707070;margin-bottom: 15px;}
.remote_plus_app .wayWrap ul.videoList li > div img {margin-bottom: 0}
.remote_plus_app .wayWrap ul.videoList li > div video {position: absolute; width: calc(100% - 1px); left:0; top:0; height: 100%; z-index: -1; outline: none;}
.remote_plus_app .wayWrap ul.videoList li > div video.active {z-index: 1}
.remote_plus_app .wayWrap ul.videoList li p {display: inline-block; margin: auto; padding:13px 25px; font-weight: 600; font-size: 1.267em; color:#1B93E6; border:1px solid #1B93E6; border-radius: 27px; float:none; width: auto;}
.remote_plus_app .wayWrap ul.videoList li p::before {content:''!important;}

/* text list */
.remote_plus_app .wayWrap ul.textList {margin-top:10px;}
.remote_plus_app .wayWrap ul.textList li {width: 100%; float:left; margin-top: 15px; padding-left: 20px; position: relative;
    font-size: 1.067em; box-sizing: border-box; margin-bottom: 0}
.remote_plus_app .wayWrap ul.textList li span {font-size: 0.813em;}
.remote_plus_app .wayWrap ul.textList li::before {position: absolute; left:0; top:0;}
.remote_plus_app .wayWrap ul.textList li:nth-of-type(1)::before {content: '1.';}
.remote_plus_app .wayWrap ul.textList li:nth-of-type(2)::before {content: '2.';}
.remote_plus_app .wayWrap ul.textList li:nth-of-type(3)::before {content: '3.';}
.remote_plus_app .wayWrap ul.textList li:nth-of-type(4)::before {content: '4.';}

@media (max-width: 1199px) {
    .product_new.acc_new .sns_blue {width: 100%;}
    .product_new.acc_new.remote_plus_app .topInfo {padding:0;}
    .product_new.remote_plus_app .topInfo img.right {width: 50%;}

    .remote_plus_app h4 {font-size: 1.5em;}
    .remote_plus_app .layoutWrap img {width: 100%;}

    .remote_plus_app .functionWrap {padding-bottom: 50px;}
    .remote_plus_app .functionWrap ul li {width: 48%; margin-right: 0; margin-bottom: 20px;}
    .remote_plus_app .functionWrap ul li:nth-of-type(2n) {float:right;}
    .remote_plus_app .functionWrap ul li p {font-size: 1em;}

    /* video list */
    .remote_plus_app .wayWrap ul.videoList li {width: 100%;}
    .remote_plus_app .wayWrap ul.videoList li p {font-size: 1em; padding:10px 20px; }
    .remote_plus_app .wayWrap ul.videoList li > div {float:left; height: auto; width: 100%;}
    .remote_plus_app .wayWrap ul.videoList li > div video {height: auto;}

    /* text list */
    .remote_plus_app .wayWrap ul.textList li {font-size: 1em; }
}