@charset "utf-8";

.pc {display: block;}
.mobile {display: none;}

/* 상단 */
.product_new .topInfo {background:#FAFAFA; height: auto; padding:130px 0 120px; position: initial}
.product_new .topInfo img.right {width: 442px}
.product_new .topInfo .txtWrap {max-width: 50%;}
.product_new .topInfo .txtWrap .subTitle {color:#1B93E6; font-weight: 600; margin-bottom: 5px; font-size: 1em;}
.product_new .topInfo .txtWrap h2 {margin-bottom: 20px; font-weight: 600; font-size:2.667em; }
.product_new .topInfo .txtWrap ul.contentTxt {}
.product_new .topInfo .txtWrap ul.contentTxt li {position: relative; padding-left: 20px; font-size: 1.333em; margin-bottom: 10px;}
.product_new .topInfo .txtWrap ul.contentTxt li:last-of-type {margin-bottom: 0px;}
.product_new .topInfo .txtWrap ul.contentTxt li:before {content:"・"; position: absolute; left:0;}
.product_new .topInfo .txtWrap .noticeTxt {margin:40px 0 30px; color:#666; font-size: 0.867em;}

/* 컨텐츠 */
.product_new .contents {padding:140px 0 150px;}

/* 카드 섹션 */
.product_new .cardWrap {padding:100px 0 100px; background-image: url("../../images/product/back_card.jpg"); background-size: cover; background-repeat: no-repeat; background-position: center center;}
.product_new .cardWrap ul li {float:left;width:293px; margin-right: 9px; height: 217px;}
.product_new .cardWrap ul li:last-of-type {margin-right: 0}
.product_new .cardWrap .topCard {margin-bottom:9px }
.product_new .cardWrap .topCard li img {width: 100%; }
.product_new .cardWrap .bottomCard {}
.product_new .cardWrap .bottomCard li {box-sizing: border-box; background: #fff; border:1px solid #DDDDDD; text-align: center;display: flex;align-items: center;justify-content: center;}
.product_new .cardWrap .bottomCard p {font-size: 1.067em;}
.product_new .cardWrap .bottomCard p span {font-weight:600 }

/* 슬라이더 섹션 */
.product_new #feature {margin-top: 0; padding: 200px 0 100px; background: #fff}
.product_new .tab {width: 1200px}
.product_new .tab-buttons > span {width: 33.333%; color:#757575; display: inline-block; padding:15px 0; border-bottom:1px solid #DDDDDD; font-weight: 600}
.product_new .tab-buttons > span.active {background: #fff; color:#1B93E6; border-bottom: 3px solid #1B93E6; border-top: none;}
.product_new .tab-content {padding-bottom: 180px;}
.product_new .tab-content > div {top: 50px;}
.product_new .tab-content table {border-collapse: collapse; margin-top: 50px; display: table;}
.product_new .tab-content table thead {}
.product_new .tab-content table thead tr {}
.product_new .tab-content table thead tr th {padding-bottom: 25px; border-bottom: 1px solid #DDDDDD; color:#252525; font-size: 1.4em;width: 21%; text-align: left; padding-left: 5%}
.product_new .tab-content table thead tr th:first-of-type {width: 16%;}
.product_new .tab-content table thead tr th span {color:#757575}
.product_new .tab-content table tbody {}
.product_new .tab-content table tbody tr {}
.product_new .tab-content table tbody tr td {border-bottom: 1px solid #DDDDDD; font-size: 1.067em; padding:40px 0; padding-left: 5%; color:#252525}
.product_new .tab-content table tbody tr td:first-of-type {background: #FAFAFA; font-weight: 600; text-align: center; padding-left: 0}
.product_new .tab-content table tbody tr td ul {}
.product_new .tab-content table tbody tr td ul li {margin-bottom: 15px;}
.product_new .tab-content table tbody tr td ul li:last-of-type {margin-bottom: 0;}

.product_new .tab-content table.imgTable {margin-bottom: 100px;}
.product_new .tab-content table.imgTable thead tr th {text-align: center; padding-left:0}
.product_new .tab-content table.imgTable tbody tr td {height: 145px; padding:0; text-align: center;}
.product_new .tab-content table.imgTable tbody tr:first-of-type td {font-weight: 600}

.product_new .tab-content h5 {color:#252525; font-weight: 600; font-size: 2em; margin-bottom: 20px}
.product_new .tab-content h5 + p {font-size: 1.067em; color:#252525; margin-bottom: 50px;}

/* 호환 액세서리 */
.product_new .acc {margin-bottom: 100px}
.product_new .acc h4 {color:#252525; font-weight: 600; font-size: 2em; margin-bottom: 30px;}
.product_new .acc ul {}
.product_new .acc ul li {text-align: center; float:left; margin-right: 10px;}
.product_new .acc ul li div {width: 293px; height:217px; border:1px solid #DDDDDD;box-sizing: border-box; background-position: center center; background-size: contain; background-repeat: no-repeat; margin-bottom: 10px;}
.product_new .acc ul li p {font-size: 1.067em; font-weight: 500}

/* 리모트 앱 */
.product_new .remoteApp {padding:120px 0; background-image: url("../../images/product/back_remote.jpg"); background-size: cover; background-repeat: no-repeat; background-position: center center;}
.product_new .remoteApp .wrapN {display: flex;align-items: center;justify-content: center;}
.product_new .remoteApp .c50 { float: left }
.product_new .remoteApp .appImage {text-align: center;}
.product_new .remoteApp .unitronIcon {width: 45px; margin-bottom: 15px}
.product_new .remoteApp h4 {margin-bottom: 30px; font-size: 2em; color:#252525; font-weight: 600}
.product_new .remoteApp ul { margin-bottom: 40px;}
.product_new .remoteApp ul li {font-size: 1.067em; margin-right: 40px; float:left; margin-bottom: 20px; color:#252525}
.product_new .remoteApp ul li img {margin-right: 10px;}
.product_new .remoteApp ul li span {}
.product_new .remoteApp a {margin-right: 20px;}
.product_new .remoteApp a img {}

/* acc */
.product_new.acc_new .sns_blue {position: absolute; width: 27%; bottom:150px;}
.product_new.acc_new .topInfo {position: relative;}
.product_new.acc_new .topInfo .txtWrap h2 {margin-bottom: 50px;}
.product_new.acc_new .topInfo .txtWrap h2 + .accTxt {color:#252525; font-size: 1.8em; font-weight: 400}
.product_new.acc_new .topInfo {padding:100px 0}


@media (max-width: 1199px) {

    .pc {display: none;}
    .mobile {display: block;}

    /* 상단 */
    .product_new .topInfo {padding: 0;}
    .product_new .topInfo img.right {width: 50%; margin:60px auto; float: initial; display: block; }
    .product_new .topInfo .txtWrap {width: 100%; max-width: 100%}
    .product_new .topInfo .txtWrap h2 {font-size: 2em;}
    .product_new .topInfo .txtWrap ul.contentTxt li {font-size: 1.2em;}
    .product_new .contents {padding:90px 0 20px}

    /* 카드 섹션 */
    .product_new .cardWrap {padding: 50px 0}
    .product_new .cardWrap ul li {width: 49%; margin-bottom: 5px; margin-right: 0; height: auto;}
    .product_new .cardWrap ul li:nth-of-type(2n) {float:right}
    .product_new .cardWrap .topCard {margin-bottom: 0}
    .product_new .cardWrap .bottomCard li {padding:40px 0; border-color: rgba(221, 221, 221, .6)}
    .product_new .cardWrap .bottomCard p {font-size: .8em;}

    /* 슬라이더 섹션 */
    .product_new #feature {padding:50px 0 0}
    .product_new .tab {width: 100%;}
    .product_new .tab-buttons > span {padding:10px 0; font-size: .8em;}
    .product_new .tab-buttons > span:last-of-type {font-size: .7em;}
    .product_new .tab-content {margin-top: 0; padding-bottom: 100px;}
    .product_new .tab-content table {display: none;}
    .product_new .selectWrap {margin-bottom: 20px;}
    .product_new .selectWrap .left, .product_new .selectWrap .right {width: 49%; text-align: center;}
    .product_new .selectWrap select {width: 90%;height: 40px;background: #fff url('../../images/product/arrow.png') no-repeat 93% 16px;
        background-size: 12px;font-size: 16px; -webkit-border-radius: 3px; margin-bottom: 10px;
        -webkit-appearance: none;max-width: 100%;padding: 0 35px 0 15px;
        line-height: 29px;color: #353535;word-break: break-all;font-weight: inherit;border: 1px solid #747476; }
    .product_new .compareWrap {padding:35px 0; border-top: 1px solid #ddd}
    .product_new .compareWrap .left, .product_new .compareWrap .right {width: 49%;}
    .product_new .compareWrap h6 {font-size: 1.133em; color:#333; margin-bottom: 20px; font-weight: 600; text-align: center;}
    .product_new .compareWrap p {color:#252525; text-align: center; font-size: 14px;}
    .product_new .compareWrap img {display: block; margin:auto; width: 40%;}
    .product_new .compareWrap ul {}
    .product_new .compareWrap ul li {margin-bottom: 5px; text-align: center;}
    .product_new .compareWrap ul li:last-of-type {margin-bottom: 0}
    .product_new .moxiTxt {display: none!important;}
    .product_new .moxiTxt.active {display: block!important;}

    .product_new .tab-content h5 {font-size: 1.5em; margin-bottom: 10px;}
    .product_new .tab-content h5 + p {font-size: 1em; margin-bottom: 30px; font-weight: 400}

    /* 호환 액세서리 */
    .product_new .acc {margin-bottom: 50px;}
    .product_new .acc h4 {font-size: 1.5em; margin-bottom: 15px;}
    .product_new .acc ul li {width: 48%; margin-bottom: 15px; margin-right: 0}
    .product_new .acc ul li div {width: 100%; height: 30vw; margin-bottom: 5px;}
    .product_new .acc ul li p {font-size: .9em;}
    .product_new .acc ul li:nth-of-type(2n) {float:right}

    /* 리모트 앱 */
    .product_new .remoteApp {padding: 60px 0}
    .product_new .remoteApp .wrapN {display: block;}
    .product_new .remoteApp .appImage {margin-bottom: 30px;}
    .product_new .remoteApp .appImage img {width: 50%;}
    .product_new .remoteApp .unitronIcon {margin-bottom: 5px;}
    .product_new .remoteApp h4 {margin-bottom: 20px; font-size: 1.5em;}
    .product_new .remoteApp ul {margin-bottom: 20px;}
    .product_new .remoteApp ul li {font-size: 1em; margin-bottom: 10px; width: 100%}
    .product_new .remoteApp ul li img {margin-right: 5px;}

    /* acc */
    .product_new.acc_new .topInfo {padding: 0}
    .product_new.acc_new .topInfo .txtWrap h2 {margin-bottom: 20px;}
    .product_new.acc_new .topInfo .txtWrap h2 + .accTxt {font-size: 1.3em; margin-bottom: 20px;}
    .product_new.acc_new .sns_blue {position: initial; width: 100%; }
}