@charset "utf-8";

/* ================================================= 공통 */

html {
    -webkit-tap-highlight: rgba(0, 0, 0, 0)
}

* {
    margin: 0;
    padding: 0;
    border: 0;
    -webkit-text-size-adjust: none;
    text-decoration: none;
    word-wrap: break-word;
    word-break: keep-all;
}

:lang(jp) *,
:lang(zh) *,
:lang(ko) *,
:lang(zh) *,
:lang(sc) *,
:lang(sc) table[class*="table_symbol"] td:nth-child(1) p  {
    word-break: break-all;
}

body {
    width: 100%;
    overflow: hidden;
}

li {
    list-style: none;
    position: relative;
}

p[class="chapter"] {
    color: #333;
    font-weight: bold;
    margin-top: 1.5em;
    padding-bottom: 0.5em;
}

.heading2>h2.graybox {
    background-color: #eee;
    border-radius: 30px;
    padding: 10px 20px;
    box-sizing: border-box;
}

/* .all_contents button:after {
    content: " ";
    display: inline-block;
    width: 20px;
    height: 15px;
    background-image: url(../../images/allcontents.png);
    background-size: 85%;
    background-position: center center;
    margin-top: 1px;
} */



/* 간격여백==================================== */

.safetytitle {
    color: #002c5f;
    font-size: 2.5rem;
    font-weight: normal;
}

h2[class*="heading2"]>.styleh1 {
    color: #666;
    font-size: 2rem;
    font-weight: normal;
}

h1[class*="heading1"],
.description-h1,
.c_change_colorh1 {
    /* padding-top: 30px; */
    padding-top: 150px;
    margin-bottom: 20px;
}

.Heading1-Below+h1 {
    margin-top: 0;
}


/* .heading2, */

.heading3,
.video_manual .description-option {
    /*margin: 60px 0 20px;*/
    /*220914*/
    margin: 35px 0 20px;
}

h2[class*="heading2"] {
    margin: 0 0 20px;
    padding-top: 30px;
}

/*220914*/
.step-ul1_1+.heading2-continue {
    padding-top: 35px;
}

/*220914*/
.description_1+.heading2-continue,
table+.heading2-continue,
.ul1_1+.heading2-continue {
    padding-top: 25px;
}

.ul1_1-note+.heading2-continue,
.step+.heading2-continue {
    padding-top: 45px;
}

.heading1+.heading2 {
    margin: 60px 0 30px;
}

.heading4,
.video_manual .heading2-continue {
    /* padding-left: 15px; */
    position: relative;
    margin-top: 30px;
    margin-bottom: 20px;
}

.video_manual .heading2-continue {
    margin-bottom: 10px;
    font-size: 18px;
    font-size: 1.125rem;
    font-weight: bold;
    padding-top: 0;
    color: #333;
}

.Heading1-Below {
    margin-top: 30px;
}

.heading1-notoc+ul>li,
.ul3>li {
    margin-bottom: 10px;
    /* padding-left: 15px; */
}

.heading1-notoc+ul.ul1_1>li {
    padding-left: 0;
}

.heading1-notoc+ul.ul1_1>p {
    margin-left: 0;
}

.description_1 {
    margin-bottom: 20px;
}

.description_1-small {
    font-size: 14px;
}

.description_2 {
    padding-left: 15px;
    margin-bottom: 20px;
}

.description_2 ~ .description_3 {
    padding-left: 30px;
    margin-bottom: 20px;
}

/*220914*/
.description_3-blanknone {
    text-indent: initial;
}

.warning-group {
    text-indent: 0;
}

.line_mit {
    margin: 40px 0 20px;
}

.line_mit>img {
    margin: 0;
    /* background-image: url("../images/M-warning.png"); */
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.line_mit>img.caution {
    background-image: url("../images/M-caution.png");
}

.line_mit>img.warning {
    background-image: url("../images/M-warning.png");
}

.heading1 .step:last-of-type {
    /* margin-bottom: 30px; */
}

.heading4~.ul1_1-note {
    margin-bottom: 30px;
}

#wrapperToc {
    /* padding-top: 100px; */
    padding-top: 150px;
}

.color>li>.description_4,
.color>li>.ul1_3 {
    margin-top: 5px;
}
.color>li>.description_4{
    text-indent: 0;
    margin-left: -12px;
}

.step-ul1_1 {
    margin-bottom: 10px;
}

.ul2_2-note {
    margin-left: 13px;
    margin-top: 5px;
}
.ul2_2-note li {
    margin-bottom: 3px;
    /* margin-left: 26px; */
    text-indent: 0;
}

.description-caution-warning+.step,
.description-caution-warning+.step-cmd_1 {
    margin-top: 30px;
}

.ul1_1-note+.step {
    margin-top: 30px;
}

/*220914*/
.ul1_1-note+.description_1 {
    margin-top: 15px;
}


.step+.description_1,
.step+ul {
    margin-top: 10px;
}

li>.step-description_2{
    /* margin-left: 25px; */
    /* margin-left: 12px; */
    text-indent: 0;
}

li>.step-description_2,
li>.step-cmd-description_2 {
    margin-top: 10px;
}

li>.step-cmd-description_2 {
    text-indent: 0;
}

li[class*="step-cmd-ol"]>.ul1_1,
li[class*="1-color"]>.ul1_2,
li[class*="step-cmd-ol"]>.ul1_1-note,
li[class*="step-cmd-ol"]>.description_3 {
    margin-top: 10px;
}

/* safety---- */

[class*="safety"] {
    margin-bottom: 10px;
}

.description-caution-warning {
    margin-bottom: 10px;
}

.ul1_1 li .description-caution-warning,
.ul1_1 li .line_mit {
    text-indent: 0;
}

/* 동그리숫자 */

.color {
    margin-left: 30px;
}
.color > li > img{
    margin-left: -25px;
}
.color > li > img{
    width: 16px;
    height: 16px;
    margin-right: 10px;
    margin-bottom: -1px;
}

/* 숫자 하단의 동그라미 숫자 */
.step-cmd-ol2 > .color{
    margin-left: 0;
}
.step-cmd-ol2 > .color > li{
    margin-left: 26px;
    text-indent: -26px;
}
.step-cmd-ol2 > .color > li > img{
    margin-left: 0;
}



/* //동그리숫자 */


/* 노트 */

.color .ul1_2-note {
    /* margin-left: 25px; */
    /* http://html.astkorea.net/ETC/mbs/Ki/%EB%82%B4%EC%88%98/Kor/005_Media_media.html#blmusic */
}

/* .step-ul1_3-note, */
.ul1_3-note,
.ul1_2-note,
.ul1_4-note {
    text-indent: 0;
    /* padding-left: 24px; */
}

.ul1_3-note>li,
.ul1_2-note>li {
    margin-bottom: 5px;
}

.ul1_3-note>li,
.ul1_2-note>li,
.ul1_3_2-note>li{
    margin-left: 25px;
    text-indent: -25px;
}


/* //노트 */


/* 블릿영역 */
/*220914*/
.ul1-safety,
.ul1-caution-warning,
.ul1_1 {
    margin-left: 24px;
    margin-bottom: 20px;
}

/*220914*/
.description_1+.ul1_1 {
    margin-top: 15px;
}

/*220914*/
table+.ul1_1 {
    margin-top: -15px;
}

.ul1_1-note+.ul1_1 {
    margin-top: 20px;
}

.ul1_1>li>.ul2 {
    margin-top: 10px;
}

.line_mit+.ul1-caution-warning {
    margin-bottom: 0;
}

/*220914*/
.ul1-caution-warning+.ul1_1-note {
    margin-top: 15px;
}

.ul1-caution-warning + .magnifier {
    margin-top: 10px;
}

.ul1-safety>li,
.ul1-caution-warning>li,
.color .ul1_2>li,
.step .ul1_2>li,
.step-ul1_2>li,
.step-ul1_1+.step-ul1_1>li,
.step-cmd_1+.step-ul1_1>li,
.step-cmd-description_1+.step-ul1_1>li,
.ul1_3>li {
    text-indent: -16px;
    margin-bottom: 5px;
}

[data-language="hyun_SimplifiedChinese(JPN)"] .step-cmd-description_1+.step-ul1_1>li,
html[lang="sc"] .color .ul1_2>li,
html[lang="sc"] .step-ul1_2>li,
html[lang="sc"] .ul1-caution-warning>li,
html[lang="sc"] .ul1_1>li,
html[lang="sc"] .ul1_3>li,
html[lang="sc"] .ul1-safety>li {
    text-indent: -23px;
}

.step-ul1_2 > li > .step-description_3{
    text-indent: 0;
    margin-top: 3px;
}

.ul1-safety>li,
.ul1_1>li {
    /* 폰트크기가 14px일경우 */
    text-indent: -13px;
}

.ul1_1 > li .line_mit p {
    text-indent: 0;
}

.description_3_2 {
    text-indent: 0;
    padding: 5px 0;
}

.color .ul1_2,
.step .ul1_2,
.step-ul1_1,
/* .step-ul1_1-note, */
.ul2,
.ul4 {
    margin-left: 20px;
}
.ul1_3{
    margin-left: 10px;
}

ol.step li ol.color li .ul1_3 {
    margin-left: 20px;
}

.step-ul1_1-note{
    margin-left: 25px;
    text-indent: -25px;
}

.step-ul1_2 {
    margin-left: 23px;
    /* margin-left: 48px; */
}

.step .ul1_2,
.step-ul1_2,
.ul1_2-note,
.ul1_3-note,
.ul1_4-note {
    margin-top: 5px;
}

.ul1_1 .ul1_2-note,
.ul1_1-note+.magnifier,
.ul1_1-note+.video_container {
    /* 20190403 */
    margin-top: 10px;
}

.ul1_1-note li > .magnifier:has(+.description_1-center){
    margin-left: -25px;
    margin-top: 20px;
}

.ul1_1-note li > .magnifier + .description_1-center{
    color: #000;
}

.ul2 {
    text-indent: 0;
}

.ul2>li {
    /* 20190403 */
    margin-bottom: 5px;
}

.ul4>li:before {
    content: " ▫ ";
    position: absolute;
    left: -14px;
}


/* //블릿영역------ */


/* 하이픈 */

.ul2_1-note,
/* .step-ul2_2-note, */
.ul2-caution-warning {
    margin-left: 18px;
    /* margin-left: 40px; */
    margin-bottom: 20px;
    margin-top: 5px;
}
.step-ul2_2-note{
    /* margin-left: 40px; */
    margin-left: 20px;
    margin-bottom: 20px;
    margin-top: 5px;
    text-indent: 0;
}

.ul2_1-note {
    margin-bottom: 0;
}

.ul2-caution-warning {
    margin-left: 20px;
}

.ul2_2-note>li:before,
.step-ul2_2-note>li:before,
.ul2_1-note>li::before,
.ul1-note li li:before,
.step-ul2-note>li:before,
.ul2>li:before,
.ul2-caution-warning>li:before {
    margin-left: -14px;
    margin-right: 4px;
    content: " - ";
}

.ul2-caution-warning>li:before {
    margin-left: 0;
}


/* //하이픈 */

li .c_image,
p .c_image {
    /* margin-bottom: -4px; */
    margin-bottom: -1px;
}

.block .ul1_1-cell li{
    display: flex;
    margin-bottom: 10px;
}

.block .ul1_1-cell li::before{
    content: "";
    width: 5px;
    height: 5px;
    border-radius: 5px;
    background-color: #000;
    margin-right: 10px;
    margin-top: 15px;
}

.block .ul1_1-cell li .c_image{
    height: 33px;
    margin-right: 5px;
}

.c_image[src*="I-cameraview_driving_front.png"],
.c_image[src*="I-cameraview_driving_rear.png"],
.c_image[src*="I-cameraview_driving_view.png"],
.c_image[src*="I-cameraview_driving_3d.png"] {
    height: 23px;
    margin-bottom: -4px;
}


/* .ul1_1-note {
    margin-left: 23px;
} */

.ul1_1-note-child{
    text-indent: 0;
}

.step+.ul1_1-note {
    /* 20190403 */
    margin-top: 20px;
}
.ul1_1-note li{
    margin-left: 25px;
    text-indent: -25px;
}
[class*="ul1_1"]>li {
    margin-bottom: 10px;
    /* margin-left: 27px;
    text-indent: 27px; */
}

table .description_1 {
    margin: 5px 0;
}

table .description_1 .c_text-cell {
    margin: 5px 0 5px -30px;
}

.table_logo {
    margin-left: 15px;
    margin-top: 20px;
}

.table_logo:after {
    width: 100%;
    height: 100%;
    content: " ";
    clear: both;
    display: block;
}

.table_logo>img {
    width: 8%;
    float: left;
    margin-right: 1%;
}

.table_logo>ul {
    width: 90%;
    float: right;
}

table .ul1_1 li,
.color>li,
.step-ul1_2-note>li,
.step-ul1_3-note>li {
    margin-bottom: 10px;
}

.step-ul1_3-note-child>li {
    margin-left: 25px;
    text-indent: -25px;
}

.table_text tr td .description_1,
.tstwo .description_1 {
    margin-bottom: 10px;
}

.unnest.table_icon-heading {
    margin: 30px 0 10px;
}

p+.table_warning {
    margin-top: 20px;
}

.table_warning {
    display: table;
    margin-bottom: 20px;
}

.table_warning ul {
    display: table-cell;
    vertical-align: top;
}

.table_warning ul li span[class*=c_japanese]{
    word-break: break-all;
}

.table_warning img[src*='M-navi_warning.png'],
.table_warning img[src*='M-navi_warning_2.png'] {
    width: 44px;
    margin-right: 20px;
    margin-top: 3px;
}


.table_text tbody tr:nth-child(4) td:first-child {
    /* display: flex; */
}

.table_text tbody tr td:first-child img.description_1 {
    width: 60%;
}

.table_text tr td .description_1:last-child {
    margin-bottom: 0;
}

.table_text tr td p {
    word-break: break-all;
}

.description_1+.step {
    margin-top: 30px;
}

.step {
    /* margin-left: 26px; */
}

.step>li {
    margin-bottom: 30px;
    margin-left: 25px;
    text-indent: -12px;
}

[class*="ul1_1"]>li:last-child,
[class*="step"]>li:last-child {
    margin-bottom: 0;
}
/* .step-cmd-ol2{
    margin-left: 25px;
    text-indent: -12px;
} */

.step-ul1_3-note {
    margin-top: 10px;
    margin-bottom: 20px;
}
.step-ul1_3-note li{
    margin-left: 26px;
    text-indent: -26px;
}

.step-ul1_2-note {
    margin-top: 10px;
    /* margin-left: 25px; */
    text-indent: 0;
}
/* .step-description_2+.step-ul1_2-note{
    margin-left: 25px;
} */
.step-ul1_2-note > li{
    margin-left: 25px;
    text-indent: -25px;
}
.block+.step-ul1_2-note {
    margin-left: 0;
}
.step_num+.step-description_2{
    margin-left: 0;
    text-indent: 0;
}

.step-cmd_1,
.step-cmd-description_1,
.step-description_1 {
    margin-bottom: 10px;
}

.step-description_1 {
    margin-top: 10px;
}

.magnifier,
.magnifier_8inch {
    text-indent: 0;
}

/* [class*="step"]>li>.magnifier{
    margin-left: 25px;
} */

[class*="step"]>li>.magnifier:last-child,
[class*="step"]>li>.magnifier_8inch:last-child {
    margin-bottom: -10px;
    /* margin-left: 25px; */
    margin-left: 0;
}


.magnifier+.step-cmd_1,
.magnifier+.step-cmd-description_1 {
    margin-top: 30px;
}

.ul1_1-note+.step-cmd_1,
.ul1_1-note+.step-cmd-description_1 {
    margin-top: 20px;
}


.step-ul1_1-note+.step-ul1_1-note {
    margin-top: 20px;
}

.step-ul1_1-note+.magnifier {
    margin-top: 20px;
}

.magnifier+.step-ul1_2-note {
    margin-top: 0;
}

.c_gray {
    color: #7e8083;
    margin-left: 22px;
}


/* //간격여백==================================== */


/* 이미지 ==================================== */

[class*="table_symbol"] tbody {
    background-color: #f6f6f6;
}

[class*="table_symbol"] tbody tr {
    border-bottom: 0;
    border-top: 0;
}

[class*="table_symbol"] tbody td {
    padding: 20px 10px;
}

[class*="table_symbol"] .c_image {
    height: auto;
    width: 60px;
    margin-right: 20px;
}

.table_symbol-vertical tbody {
    background-color: #eee;
}

.table_symbol-vertical tbody td {
    padding: 20px;
}

.table_symbol-vertical tr:nth-of-type(2n-1) td {
    padding-bottom: 10px;
}

.table_symbol-vertical tr:nth-of-type(2n) td {
    padding-top: 0;
}

html[lang="no"] .table_symbol-vertical.tr-4 tbody tr:first-child td:first-child .c_sign{
    word-break: break-all;
}

.table_text thead tr>th:first-child {
    padding-left: 0.5em;
}

.c_image[src*="E-manual"] {
    width: auto;
    height: 65px;
}

.img-center {
    display: flex;
    margin-right: auto;
    margin-left: auto;
}

table.block tr td:first-child img.img-center {
    /* width: 40%; */
    width: 29.57%;
}
table.block tr td:first-child img.img-center[src*="I-t_washmode"] {
    width: 25%;
}

.table_icon .img-center {
    /* width: 80%; */
    width: 60%;
    height: auto;
}


table.block tr td img.c_image-cell {
    height: auto;
    /* width: 65.67%; */
    width: 48.55%;
}

.imgList_span{
    width: 5px;
    height: 5px;
    background-color: #000;
    border-radius: 5px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.description_1-center {
    margin-bottom: 20px;
}

.radio_img {
    margin-top: 30px;
}


/* //이미지 ==================================== */

table.block thead th>.description_1 {
    padding: 0 0.5rem
}

.table_text tbody tr td {
    vertical-align: top;
}

.table_text.block tbody tr td {
    vertical-align: middle;
}

td.nonetop {
    border-top: 1px solid #fff;
}

.table_text tbody tr td,
.table_text thead tr th {
    padding-left: 5px;
    padding-right: 5px;
}

.table_icon {
    vertical-align: middle;
    margin-bottom: 30px;
    border-top: 3px solid #333;
}

.table_text .ul1_1 {
    margin-bottom: 0;
}

.Table_Text_Icon tr td:first-child>img {
    display: flex;
}

[class*="table_symbol"] .description-option {
    display: flex;
    align-items: center;
}

table[class*="table_symbol"] td:nth-child(1) p {
    word-break: keep-all;
}

:lang(jp) table[class*="table_symbol"] td:nth-child(1) p {
    word-break: break-all;
}

/* table.block tr td img.block {
    width: 40%;
} */

.table_text_icon thead tr th:first-child {
    padding-left: 0.5em;
}

div>img {
    width: 60%;
    margin: 10px 0;
}

.magnifier_8inch>img,
.magnifier_8inch-text>img {
    max-width: 400px;
}

#gototop img {
    margin-top: 0;
}

img[src*="E-icon_data.png"] {
    width: 70%;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.description_1+div>img.img-center {
    width: 60%;
}

.c_image,
.c_button {
    /* height: 19px; */
    height: 15px;
}

.c_url {
    text-decoration: underline;
}

table {
    width: 100%;
    margin-bottom: 1em;
    background-color: #eee;
    border-bottom: 1px solid #333;
}

table,
tr,
td {
    border-collapse: collapse;
}

thead {
    background-color: #fff;
    border-top: 3px solid #333;
}

tbody {
    background-color: #fff;
    border-top: 2px solid #333;
    border-bottom: 3px solid #333;
}

table.table_faq tbody {
    border-top: 0px;
    border-bottom: 0px;
}

.table_faq tr td:first-child,
.table_faq tr td:last-child {
    vertical-align: top;
}

tr {
    border-bottom: 1px solid #aaa;
}

table.block tr{
    border-top: 1px solid #aaa;
    border-bottom: 0;
}


.description_1-theading {
    border-bottom: 0;
}

table.table_text tr.description_1-theading td:last-child p.description_1-theading {
    margin-bottom: 10px;
}

thead tr {
    border: 0;
    height: 30px;
}

tbody tr:last-child {
    border-bottom: 0px;
}

thead tr p {
    box-sizing: border-box;
}

table[class~="table_icon-heading"],
table[class~="table_icon-heading"] tr,
table[class~="table_icon-heading"] td,
table[class~="table_icon-heading"] tbody,
table[class~="table_icon-heading"] thead {
    border: none !important;
    border-bottom: none !important;
}

.table_vr td {
    vertical-align: top;
}

tr:only-child td {
    vertical-align: middle;
}

th {
    text-align: left;
}

td {
    padding: 0.5em;
}

td[class="bgc-gray"] {
    background-color: #DDD;
}

td>img {
    /* width: 60%; */
    width: 40%;
    margin: 0 auto;
}

div.Heading2 {
    /* float: left !important; */
    height: 100%;
}

.table_icon-heading tr>td:last-child {
    padding: 0;
}

.table_icon-heading tr>td:last-child>img {
    margin: 0;
    float: right;
}


/* == scrollbar start (because of swipe) */

::-webkit-scrollbar {
    width: 3px;
    height: 8px;
    border: 0px solid #fff;
    display: block;
}

::-webkit-scrollbar-button:start:decrement,
::-webkit-scrollbar-button:end:increment {
    display: block;
    /* height: 10px; */
    height: 0;
    background: url("../../images/bg.png") #fff
}

::-webkit-scrollbar-track {
    /* background: #fff; */
    -webkit-border-radius: 0px;
    border-radius: 0px;
    -webkit-box-shadow: inset 0 0 0px rgba(0, 0, 0, 0)
}

::-webkit-scrollbar-thumb {
    height: 50px;
    width: 3px;
    /* background: rgba(0, 0, 0, 0); */
    background-color: #ddd;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    -webkit-box-shadow: inset 0 0 0px rgba(0, 0, 0, 0)
}


/* == scrollbar end (because of swipe) */

table {
    word-wrap: break-word;
    border-spacing: 0px;
    margin-bottom: 5px;
    width: 100%;
    table-layout: fixed;
}


/*.Description > p > .br_span {width:100%; height:10px; display:block; clear:both;}*/

li>.br_span {
    height: 0px;
}

.C_NoBreak {
    white-space: nowrap;
}

.C_URL {
    text-decoration: underline;
    word-break: break-all;
}

.C_URL-Important {
    text-decoration: underline;
    word-break: break-all;
}

ul[style="ul_hyphen"] li:before {
    content: "- ";
}

.UnorderList_1 ul li,
.UnorderList_1-H3 ul li,
.UnorderList_1-Safety ul li {
    /*background:url("../images/template/li_icon.png") no-repeat 3px 7px;*/
    /*background-size:8px;*/
    position: relative;
    padding-left: 17px;
}

.UnorderList_1-Child span {
    display: inline-block;
    margin-left: 20px;
    margin-bottom: 5px;
}

.UnorderList_1-Cell ul li {
    /*background:url("../images/template/li_icon.png") no-repeat 3px 7px;*/
    /*background-size:8px;*/
    position: relative;
    padding-left: 20px;
}

.UnorderList_1-Cell ul li:before {
    content: "•";
    display: inline-block;
    position: absolute;
    top: 0;
    left: 2px;
}

.UnorderList_1-Safety {
    margin-bottom: 14px;
}

.CircleText_Width1_1 span,
.CircleText_Width2_1 span,
.CircleText_Length1_1 span,
.CircleText_Length2_1 span {
    color: #666;
    display: inline-block;
    width: 83%;
}

.white>li:before {
    display: inline-block;
    width: 20px;
    height: 20px;
    line-height: 19px;
    text-align: center;
    vertical-align: top;
    background-color: #333;
    color: #ffffff;
    border-radius: 50%;
    margin-right: 10px;
    position: absolute;
    left: -24px;
}

/* .step>li:before {
    content: "1";
    display: inline-block;
    text-align: center;
    vertical-align: top;
    left: -25px;
    margin-right: 10px;
    position: absolute;
    color: #777;
    font-family: "Noto Sans";
} */

.step>li.aft:before {
    top: 0;
}

/* .color>li:before {
    content: " ";
    display: inline-block;
    width: 16px;
    height: 16px;
    position: absolute;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    left: -25px;
} */


/* .color>li:before {
    content: " ";
    display: inline-block;
    width: 20px;
    height: 20px;
    position: absolute;
    left: -30px;
    border-radius: 50%;
    background-color: #a36b4f;
    color: #fff;
    text-align: center;
    line-height: 21.5px;
} */

/* .heading4:before,
.video_manual .heading2-continue:before {
    content: "";
    display: inline-block;
    width: 5px;
    height: 17.5px;
    text-align: center;
    position: absolute;
    left: 0;
    top: 13px;
    transform: translateY(-50%);
    background-color: #333;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
} */

.dark_box{
    width: 5px;
    height: 17px;
    background-color: #333;
    display: inline-block;
    margin-right: 10px;
    margin-bottom: -2px;
}
/* ul3, .video_manual .heading2-continue, .heading4 하위요소로 .dark_box가 잡혀있음 */


.step li .step_num{
    display: inline-block;
    font-size: 1.625rem;
    color: #777;
    margin-right: 10px;
    font-family: "Noto Sans";
}
:lang(jp).step li .step_num{
    transform: translateY(3px);
}

.white>li:nth-child(1):before,
.color>li:nth-child(1):before {
    background-image: url("../images/number_icon/CircleNumber1.png");
    /* content: "1" */
}

.white>li:nth-child(2):before,
.color>li:nth-child(2):before {
    background-image: url("../images/number_icon/CircleNumber2.png");
    /* content: "2" */
}

.white>li:nth-child(3):before,
.color>li:nth-child(3):before {
    background-image: url("../images/number_icon/CircleNumber3.png");
    /* content: "3" */
}

.white>li:nth-child(4):before,
.color>li:nth-child(4):before {
    background-image: url("../images/number_icon/CircleNumber4.png");
    /* content: "4" */
}

.white>li:nth-child(5):before,
.color>li:nth-child(5):before {
    background-image: url("../images/number_icon/CircleNumber5.png");
    /* content: "5" */
}

.white>li:nth-child(6):before,
.color>li:nth-child(6):before {
    background-image: url("../images/number_icon/CircleNumber6.png");
    /* content: "6" */
}

.white>li:nth-child(7):before,
.color>li:nth-child(7):before {
    background-image: url("../images/number_icon/CircleNumber7.png");
    /* content: "7" */
}

.white>li:nth-child(8):before,
.color>li:nth-child(8):before {
    background-image: url("../images/number_icon/CircleNumber8.png");
    /* content: "8" */
}

.white>li:nth-child(9):before,
.color>li:nth-child(9):before {
    background-image: url("../images/number_icon/CircleNumber9.png");
    /* content: "9" */
}

.white>li:nth-child(10):before,
.color>li:nth-child(10):before {
    background-image: url("../images/number_icon/CircleNumber10.png");
    /* content: "10" */
}

.white>li:nth-child(11):before,
.color>li:nth-child(11):before {
    background-image: url("../images/number_icon/CircleNumber11.png");
    /* content: "11" */
}

.white>li:nth-child(12):before,
.color>li:nth-child(12):before {
    background-image: url("../images/number_icon/CircleNumber12.png");
    /* content: "12" */
}

.white>li:nth-child(13):before,
.color>li:nth-child(13):before {
    background-image: url("../images/number_icon/CircleNumber13.png");
    /* content: "13" */
}

.white>li:nth-child(14):before,
.color>li:nth-child(14):before {
    background-image: url("../images/number_icon/CircleNumber14.png");
    /* content: "14" */
}

.white>li:nth-child(15):before,
.color>li:nth-child(15):before {
    background-image: url("../images/number_icon/CircleNumber15.png");
    /* content: "15" */
}

.white>li:nth-child(16):before,
.color>li:nth-child(16):before {
    background-image: url("../images/number_icon/CircleNumber16.png");
    /* content: "16" */
}

.white>li:nth-child(17):before,
.color>li:nth-child(17):before {
    background-image: url("../images/number_icon/CircleNumber17.png");
    /* content: "17" */
}

.white>li:nth-child(18):before,
.color>li:nth-child(18):before {
    background-image: url("../images/number_icon/CircleNumber18.png");
    /* content: "18" */
}

.white>li:nth-child(19):before,
.color>li:nth-child(19):before {
    background-image: url("../images/number_icon/CircleNumber19.png");
    /* content: "19" */
}

.white>li:nth-child(20):before,
.color>li:nth-child(20):before {
    background-image: url("../images/number_icon/CircleNumber20.png");
    /* content: "20" */
}

.white>li:nth-child(21):before,
.color>li:nth-child(21):before {
    background-image: url("../images/number_icon/CircleNumber21.png");
    /* content: "21" */
}

.white>li:nth-child(22):before,
.color>li:nth-child(22):before {
    background-image: url("../images/number_icon/CircleNumber22.png");
    /* content: "22" */
}

/* .step>li:nth-child(1):before {
    content: "1";
}

.step>li:nth-child(2):before {
    content: "2";
}

.step>li:nth-child(3):before {
    content: "3";
}

.step>li:nth-child(4):before {
    content: "4";
}

.step>li:nth-child(5):before {
    content: "5";
}

.step>li:nth-child(6):before {
    content: "6";
}

.step>li:nth-child(7):before {
    content: "7";
}

.step>li:nth-child(8):before {
    content: "8";
}

.step>li:nth-child(9):before {
    content: "9";
}

.step>li:nth-child(10):before {
    content: "10";
}

.step>li:nth-child(11):before {
    content: "11";
}

.step>li:nth-child(12):before {
    content: "12";
}

.step>li:nth-child(13):before {
    content: "13";
}

.step>li:nth-child(14):before {
    content: "14";
}

.step>li:nth-child(15):before {
    content: "15";
}

.step>li:nth-child(16):before {
    content: "16";
}

.step>li:nth-child(17):before {
    content: "17";
}

.step>li:nth-child(18):before {
    content: "18";
}

.step>li:nth-child(19):before {
    content: "19";
}

.step>li:nth-child(20):before {
    content: "20";
}

.step>li:nth-child(21):before {
    content: "21";
}

.step>li:nth-child(22):before {
    content: "22";
} */

.OrderList1_1 p,
.OrderList2_1 p {
    color: #666;
}

.OrderList1_1 p span,
.OrderList2_1 p span {
    color: #666;
} 


/* ================================================= 공통 */


/* ================================================== 본문 */


/*Frame*/

#wrapper {
    /* visibility: hidden;
    width: 100%;
    overflow-y: auto !important; */
    visibility: visible;
    margin: 0 auto;
    height: 100%;
    overflow-y: hidden;
    position: fixed;
    top: 0;
    width: calc(100% - 300px);
}


#root {
    position: relative;
    margin: 0 auto;
    /*max-width:1120px;*/
    width: 100%;
    height: 100%;
    display: none;
    /* overflow: hidden; */
    /* padding-bottom: 36px; */
    cursor: default;
    /* overflow-y: scroll; */
}

#root>div.Heading2,
#root>div.Heading2-Basic,
#root>div.Heading2-APPLINK,
#root>div.Heading2-NoTOC,
#root>div.Heading2-NoSp,
#root>div.Heading2-Basic-Right,
#root>div.Heading2-Basic-Left {
    /*margin:0 5%; width:90% !important;*/
    margin: 0;
    width: 100% !important;
    color: #000;
    box-sizing: border-box;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    /* position: fixed !important; */
    /* right: 0 !important; */
    background-color: #fff;
    /* == IE scrollbar*/
    scrollbar-arrow-color: #FFFFFF;
    scrollbar-3dlight-color: #FFFFFF;
    scrollbar-darkshadow-color: #FFFFFF;
    scrollbar-face-color: #FFFFFF;
    scrollbar-hightlight-color: #FFFFFF;
    scrollbar-shadow-color: #FFFFFF;
    scrollbar-track-color: #FFFFFF;
}


.swipe_inner_wrap {
    position: relative !important;
    margin: 0 auto 79px;
    /* max-width: 960px; */
    /* max-width: 50%; */
    max-width: 60%;
    width: 100%;
    padding-bottom: 130px;
    box-sizing: border-box;
    min-height: calc(100vh - 120px - 79px);
}

div.heading1 {
    /* padding-top: 1.5em; */
}

.btn_prev {
    position: fixed;
    bottom: 2px;
    left: 10px;
    z-index: 999;
    width: 29px;
    height: 29px;
    line-height: 140% !important;
}

.btn_next {
    position: fixed;
    bottom: 2px;
    right: 12px;
    z-index: 999;
    width: 29px;
    height: 29px;
    line-height: 140% !important;
}

.btn_prev img,
.btn_next img {
    width: 13px;
    margin: 0px 8px;
}

.swipe-hide {
    display: none;
}

.btn_area {
    overflow: hidden;
    position: fixed;
    left: 0;
    bottom: 0px;
    width: 100%;
    z-index: 100000;
}

#count {
    height: 40px;
    color: #fff;
    text-align: left;
    display: none;
    line-height: 49px !important;
    position: absolute;
    left: 18px;
}

.btn_prev2 {
    display: none;
    position: fixed;
    /* left: 0; */
    left: 300px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    width: 52px;
    height: 52px;
    opacity: 0.7;
    z-index: 999;
    -webkit-animation: arrow1 0.4s;
}

.btn_prev2 img {
    position: absolute;
    width: 100%;
    height: 100%;
    cursor: pointer;
    left: 10px;
}

@-webkit-keyframes arrow1 {
    0% {
        left: -50px;
    }

    100% {
        left: 0;
    }
}

.btn_next2 {
    display: none;
    position: fixed;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    width: 52px;
    height: 52px;
    opacity: 0.7;
    z-index: 999;
    -webkit-animation: arrow2 0.4s;
}

.btn_next2 img {
    position: absolute;
    width: 100%;
    height: 100%;
    cursor: pointer;
    right: 10px;
}

@-webkit-keyframes arrow2 {
    0% {
        right: -50px;
    }

    100% {
        right: 0;
    }
}


/* count */

.type_a .btn_page {
    display: inline-block;
    *zoom: 1;
    overflow: hidden;
    width: 10px;
    height: 10px;
    margin: 5px 8px;
    color: #CCC;
    background: #ccc;
    border-radius: 10px;
    letter-spacing: 0px;
}

.type_a .btn_page.on {
    background: #bb162b;
    color: #bb162b;
    width: 10px;
    height: 10px;
    letter-spacing: 0.1px;
}

.type_b .btn_page {
    display: inline-block;
    *zoom: 1;
    overflow: hidden;
    width: 8px;
    height: 8px;
    margin: 6px 3px;
    color: #CCC;
    background: #ccc;
    border-radius: 10px;
    letter-spacing: 0px;
}

.type_b .btn_page.on {
    background: #bb162b;
    color: #bb162b;
    width: 8px;
    height: 8px;
    letter-spacing: 0.1px;
}


/* #top, #scroll_nav */

/* #top {
    z-index: 100;
} */

#top_kind_toc{
    background-color: #fff;
    border-bottom: 1px solid #e5e5e5;
}
#view_container{
    padding-top: 4%;
    padding-bottom: 0;
}

/* #scroll_nav,
.chap {
    position: relative;
    z-index: 1;
} */

.sNav_div{
    height: 50px;
    width: 300px;
    float: left;
}

div.navWrap{
    width: 300px;
    height: auto;
    /* float: left; */
    margin-top: 120px;
    position: fixed;
    left: 0;
    /* z-index: 1; */
}

.all_contentsNav {
    width: 100%;
    float: left;
    height: calc(100vh - 70px - 50px);   /* header + scroll_nav를 뺀 값*/
    opacity: 0;
}



.contentsWrap {
    margin-left: 300px;
    width: calc(100vw - 300px);
}

.top_wrap #fontControll {
    width: 20px;
    height: 20px;
    text-align: center;
    cursor: pointer;
    background-image: url(../../images/fonts_size_leading.png);
    background-repeat: no-repeat;
    background-size: cover;
    margin-left: 20px;
}

#searchSubmit .ul_box {
    position: absolute;
    overflow-y: scroll;
    box-shadow: 2px 2px 5px rgb(221 221 221 / 50%);
    border: 1px solid #ddd;
    border-radius: 0 0 5px 5px;
}


.ul_box li {
    padding: 7px 0 8px 15px;
    background-color: white;
    white-space: nowrap;
    overflow: hidden;
    text-overflow:ellipsis;
}

.search_box .sch_Btn.searchOpen{
    background-image: url(../../images/toc_close.png);
    margin-top: 13px;
    margin-right: 11px;
}


.chap_wrap h1 {
    margin: 0;
}

#chapter_2 {
    color: #FFF;
    float: left;
    line-height: 140% !important;
    left: 0;
    overflow: hidden;
    white-space: nowrap;
    margin-top: 13px;
}

#marq {
    width: 154px;
}

.toc {
    position: absolute;
    top: 11px;
    left: 15px;
    width: 24px;
    height: auto;
}

#main_list img {
    position: fixed;
    top: 10px;
    right: 12px;
}

#show_hide {
    display: none !important;
}


/*paragraph*/

#description {
    font-weight: normal;
    clear: both
}

.Description-Safety>p>span.br_span {
    display: inline;
    height: 0px;
}

.Description-Safety {
    word-wrap: break-word;
    margin: 7px 0;
    line-height: 140%;
}

div.Heading4-Safety {
    margin-top: 25px !important;
}


/*character*/

h1.C_Important {
    font-weight: bold;
}

.C_SingleStep {
    vertical-align: top;
    display: inline;
    line-height: 18px
}

.red {
    color: #F60;
    text-decoration: underline;
}

.C_Image img {
    max-width: auto;
    height: 18px;
    margin-bottom: -4px
}

.C_Superscript-R-TM {
    position: relative;
    top: -6px;
}


/*Table*/

#Table_CallOut-Text,
#Table_Product,
#Table_Motion,
#Table_Screen {
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
    display: table;
}

#Table_Screen td:nth-child(1) {
    text-align: center
}

#Table_CallOut-Text img,
#Table_Product img,
#Table_Motion img,
#Table_Screen img {
    width: 100%;
    margin-top: 10px;
    height: auto;
}

#Table_Screen .Description-Cell {
    margin-left: 5px;
}

#Table_Note {
    width: 100%;
    margin-top: 15px;
    margin-bottom: 15px;
    color: #666;
}

#Table_Notice {
    width: 100%;
    margin-top: 10px;
    margin-bottom: 30px;
    color: #666;
    max-width: 350px
}

#Table_Note td:nth-child(1),
#Table_Notice td:nth-child(1) {
    padding-top: 4px;
    padding-right: 10px;
}

#Table_Notice td:nth-child(2) {
    padding-left: 10px;
}

table.table_image_text img{
    width: 60%;
}

.nodecnt-1 div.table_image_text_noborder {
    width: 50%;
    margin-left: -10%;
}

.nodecnt-3 div.table_image_text_noborder {
    width: 50%;
}

.nodecnt-3 .table_image_text_noborder {
    margin-left: -15%;
}

.nodecnt-3 .table_image_text_noborder:nth-child(1) {
    margin-left: -9.3%;
}

divimgtxtgroup {
    display: flex;
}

divimgtxtgroup div.table_image_text_noborder {
    margin-left: -8%;
}

table.table_image_text_noborder,
table.table_image_text_noborder tr,
table.table_image_text_noborder tbody {
    border: none;
}



.Description_Notice:before {
    content: url("../images/M-caution.png") " ";
    margin-left: 0px
}

.Description_Caution:before,
.Description_Warning:before {
    content: url("../images/M-warning.png");
    margin-left: 0px
}

.Description_Notice span,
.Description_Caution span,
.Description_Warning span {
    display: inline-block;
    padding: 3px 0 0 5px;
    top: -4px;
    position: relative
}

.Description-Cell {
    display: inline-block;
    margin: 3px 0px;
}

.Cell_ImgLeft {
    text-align: left;
    vertical-align: middle;
}

#Table_Notice {
    margin-top: 50px;
}

#Table_Notice td:nth-child(1) {
    width: 60%;
}

#Table_Notice img {
    width: 100%
}

#Table_Notice td:nth-child(1) img {
    max-width: 193px
}

#Table_Note td ul {
    padding-left: 3px;
}

#Table_Notice td ul {
    padding-left: 3px;
}

#Table_Icon,
#Table_Button {
    width: 100%;
    table-layout: fixed;
    margin-top: 10px;
}

#Table_Icon {}

#Table_Icon td,
#Table_Button td {
    padding: 4px 8px;
    border-bottom: 1px solid #333
}

#Table_Icon tr:nth-child(1) td,
#Table_Button tr:nth-child(1) td {
    border-top: 1px solid #333
}

#Table_Icon td:nth-child(1),
#Table_Button td:nth-child(1) {
    border-left: 0px solid #333
}

#Table_Icon td,
#Table_Button td {
    border-left: 1px solid #333
}

#Table_Icon tr:nth-child(1) td {
    background-color: #e5e5e5;
    color: #666
}

#Table_Icon td:nth-child(1) {
    background-color: #e5e5e5;
    color: #666
}

#Table_Icon td img {
    height: 24px;
    width: auto;
    margin-top: 2px;
}

#Table_Button tr:nth-child(1) td {
    background-color: #eeeeee;
}

#Table_Button td:nth-child(1),
#Table_Button td:nth-child(2) {
    background-color: #eeeeee;
}

#Table_Button .c2-col1 {
    text-align: center;
    width: 30%;
}

#Table_Button .c2-col2 {
    width: 70%;
}

#Table_Button .c3-col1 {
    text-align: center;
    width: 8%;
}

#Table_Button .c3-col2 {
    width: 22%;
}

#Table_Button .c3-col3 {
    width: 70%;
    padding-left: 22px;
}

#Table_Button td:nth-child(1) img {
    height: 18px;
    width: auto;
}

#Table_Button .Description-Cell-Center span {
    vertical-align: middle
}

#Table_Button .C_Image-Table img {
    width: 58px;
    height: auto;
    vertical-align: middle
}

#Table_Motion {
    margin-bottom: 30px;
}

.C_6pt {
    line-height: 100%;
}

#UnorderList {
    margin: 0px 0px 0px 5px;
    padding-left: 1px;
}

#orderList1_1 p {
    text-indent: -23px;
    margin: 12px 0px 5px 25px;
}

#orderList2_1 p {
    text-indent: -23px;
    margin: 12px 0px 10px 25px;
}

.OrderList1_1 p,
.OrderList2_1 p {
    padding-bottom: 15px;
}

#orderList1_1-Child li {
    margin: 4px 0 2px 32px;
}

#orderList2_1-Child li {
    margin: 4px 0 2px 25px;
}

#orderList2_1-10over p {
    margin: 12px 0px 10px 32px;
    text-indent: -29px;
}

#orderList2_1-10over-Child p {
    margin: 4px 0 2px 32px;
}

.Description-UpSp,
.Description-OrderList-UpSp {
    margin: 35px 0 10px 0;
}

div.UnorderList_1_2 ul li {
    margin-left: 25px;
    margin-bottom: 5px;
}

ol.step li table.block tr td img.c_image-cell {
    width: 51.24%;
}


/* navigation */

#userManual {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #FFF;
    margin-left: 10px;
    height: 43px;
    padding-right: 20px;
    padding-top: 5px;
    float: left;
    width: 80%
}

.chap {
    /* clear: both; */
    color: #000;
}

.chap:first-child {
    border-top: 0px !important;
}

.toc1 {
    height: 75px;
    border-bottom: solid 2px #666666;
}

.toc1 a {
    color: #fff;
    padding-left: 13px;
    text-transform: uppercase;
}

.toc1, .toc2, .toc3 {
    display: none;
}

.Description-Semi {
    margin-top: 10px;
    padding-bottom: 0px !important;
    padding-left: 13px;
}

.Description-Semi-Child {
    padding-left: 13px;
}

.Description-Semi:before,
.Description-Semi span:nth-child(1):after {
    content: "※ ";
    position: absolute;
    left: 0px;
}

.Description-Cell-Center {
    text-align: center
}

.Description-Cell-Child img {
    float: left;
    margin-left: -28px;
}

.Description-Cell-Child {
    margin-left: 28px;
}

.C_Italic {
    font-style: italic
}

.Cell_Black {
    background-color: #000
}

.Description-Child {}


/*************************************************************************************************************************************/


/* 추가중 */


/*************************************************************************************************************************************/


/* H1 */

.Heading1,
.Heading1-Basic,
.Heading1-Appendix,
.Heading1-Safety,
.Heading1-NoTOC {
    margin: 25px 0;
    line-height: 1.2;
}

.Heading1-Safety img {
    display: inline-block;
    margin-right: 10px;
    width: 50px;
    height: auto;
    vertical-align: -10px;
}


/* H2 */

h2.Heading2-Basic {
    margin: 50px 0 15px;
    padding-bottom: 4px;
    border-bottom: 1px solid #666;
}

h2.Heading2 {
    margin: 50px 0 15px;
    padding-bottom: 4px;
    border-bottom: 1px solid #666;
}

h2.Heading2-Basic-Left,
h2.Heading2-Basic-Right {
    margin: 20px 0 30px;
    color: #9c6848;
    border-bottom: 1px solid #999;
}

h2.Heading2 img {
    height: 23px;
    width: auto;
    vertical-align: -4px;
}

h2.Heading2-NoTOC {
    margin: 50px 0 15px;
    padding-bottom: 4px;
    border-bottom: 1px solid #666;
    font-weight: normal;
}

h2.Heading2-NoSp {
    margin: 40px 0 20px;
}


/* H3 */

h3.Heading3 {
    position: relative;
    font-weight: normal;
}

h3.Heading3:before {
    content: '[';
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    margin-right: 3px;
    line-height: 1.3em;
}


/* H4 */

h4.Heading4 {
    color: #000;
    font-weight: normal;
}

h4.Heading4 img {
    display: inline-block;
    margin-right: 10px;
    width: 20px;
    height: 20px;
    vertical-align: -4px;
}


/* Symbol */

.symbol_icon {
    margin-right: 10px;
    width: 30px;
    height: auto;
    vertical-align: -6px;
}

img.warning,
img.warning-2line,
img.Description-Symbol-Note,
img.caution {
    width: 31px;
    height: auto;
    vertical-align: -5px;
}

p.warning,
.warning-2line,
.Description-Symbol-Note,
p.caution {
    background: #fff;
    display: inline-block;
    position: relative;
    padding: 0 10px;
}

.warning span,
.warning-2line span,
.Description-Symbol-Note span,
.caution span {
    display: inline-block;
    background: #fff
}


/* .warning:before,
.warning-2line:before,
.Description-Symbol-Note:before,
.caution:before {
    content: " ";
    position: relative;
    display: block;
} */

table .warning:before,
table .warning-2line:before,
table .Description-Symbol-Note:before,
table .caution:before {
    margin-top: 0px;
}

.line_mit {
    position: relative;
}
.step > li > .line_mit,
.step > li > .description-caution-warning{
    text-indent: 0;
    /* margin-left: 31px; */
}

.line_mit:before {
    content: " ";
    position: absolute;
    border-top: 1px solid #333;
    bottom: 6px;
    right: 0;
    /* width: 95%; */
    width: 90%;
    max-width: 1024px;
}

.Table_2line,
.Table_2line tr td {
    margin: 0px;
    padding: 0px;
    vertical-align: top
}

.Table_2line tr td:first-child {
    width: 36px;
}

.Table_2line .txt_2line:after {
    content: " ";
    position: relative;
    border-top: 1px solid #aaa;
    top: -14px;
    z-index: -10;
    width: 100%;
    float: left;
}

.txt_2line {
    display: inline;
    background: #fff;
    padding-right: 15px;
}


/**************************************************************** 검토필요 ****************************************************************/


/* NEXT + H1 */

.UnorderList_2-GrayBox+h1.Heading1 {
    margin-top: 50px;
}


/* NEXT + H2 */

.Description-Symbol-Note-Child+h2.Heading2 {
    margin-top: 50px;
}

.Description+h2.Heading2 {
    margin-top: 50px;
}

.UnorderList_1-UpSp+h2.Heading2 {
    margin-top: 50px;
}

.OrderList2_1+h2.Heading2 {
    margin-top: 50px;
}

.Table_Screen+h2.Heading2 {
    margin-top: 50px;
}


/* LIST */

p.description_1-center {
    text-align: center;
}

.magnifier+.description_1-center {
    width: 60%;
}

imgtxtgroup .table_image_text_noborder .description_1-center {
    width: 100%;
}

imgtxtgroup {
    display: flex;
}
imgtxtgroup.nodecnt-3{
    padding-top: 10px;
}

.table_image_text_noborder>.magnifier_8inch+.description_1-center {
    max-width: 100%;
}

.magnifier_8inch+.description_1-center,
.magnifier_8inch-text+.description_1-center {
    max-width: 400px;
}

.note,
.description-note,
.step-description-note,
.ul1-note,
.step-ul1-note {
    position: relative;
}

/* .note li:after,
.description-note li:after,
.step-description-note li:after,
.ul1-note li:after,
.step-ul1-note li:after,
.step-ul1_2-note>li:after,
.step-ul1_1-note li:after,
.ul1_2-note li:after, */

/* .step-ul1_2-note-child li:after, */

/* .ul1_4-note>li:after,
.ul1_3-note>li:after,
.step-ul1_3-note>li:after,
.ul1_1-note>li:after {
    content: " ";
    display: inline-block;
    background-image: url("../images/M-note.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 16px;
    height: 16px;
    position: absolute;
    left: 0;
    top: 4px;
    margin-left: -22px;
} */

.li_after{
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 9px;
    margin-bottom: -1px;
    /* margin-left: 5px; */
}
/* .step-ul1_2-note-child{
    margin-left: 31px;
} */
.step-ul1_2-note-child li{
    text-indent: 0;
}

.ul1-note:after,
.step-ul1_2 .step-ul1-note:after,
.step-ul1-note:after {
    margin-left: -50px;
}

div[class*="-Child"] ol li:before {
    content: "•";
    display: inline-block;
    position: absolute;
    top: 0;
    left: 2px;
}

.OrderList1_1 {
    margin: 35px 0 10px 45px;
}

.OrderList1_1 .num {
    position: absolute;
    left: 0%;
    background: #fff;
    line-height: 0.8em;
    color: #000;
}

.OrderList1_1-Child ol li {
    margin-left: 45px;
}

.OrderList2_1 {
    margin: 35px 0 10px 45px;
}

.OrderList2_1>.br_span:first-child {
    height: 0px;
}

.OrderList2_1>.br_span {
    height: 35px;
}

.OrderList2_1 .num {
    position: absolute;
    left: 0%;
    background: #fff;
    line-height: 0.8em;
    color: #000;
}

.OrderList2_1-Child ol li {
    margin-left: 45px;
}

div[class^="OrderList-Color"] .num {
    float: left;
    margin-left: -30px;
    line-height: 1.45em;
}

.OrderList-Color1_1 {
    margin-left: 30px;
}

.OrderList-Color2_1 {
    margin-left: 30px;
}

.OrderList-Color1_1-Child ol li {
    margin-left: 30px;
}

.OrderList-Color1_2,
.OrderList-Color2_2 {
    margin-left: 73px;
}

div[class*="OrderList-Color1_2-Child"] {
    padding-left: 75px;
}

.OrderList-Line1_1-Child+.Table_Product {
    margin-left: 30px;
}

.OrderList-Line1_1-Child+.Table_Product+.UnorderList_1-UpSp {
    margin-left: 30px;
}

.OrderList-Line1_1-Child+.Table_Product+.UnorderList_1-UpSp+.Table_Screen {
    margin-left: 30px;
}

.OrderList-Line1_1-Child+.UnorderList_1-UpSp+.Table_Product {
    margin-left: 30px;
}

.OrderList-Line1_1-Child+.Table_Screen {
    margin-left: 30px;
}

.OrderList-Line1_1-Child+.UnorderList_1-UpSp ul {
    margin-left: 45px;
}

.OrderList-Line1_1-Child+.UnorderList_1-UpSp+.Table_Screen {
    margin-left: 30px;
}

.OrderList-Line1_1-Child+.UnorderList_1-UpSp+.Table_Screen+.Description-Symbol-Note {
    margin-left: 30px;
}

.OrderList-Line1_1-Child+.UnorderList_1-UpSp+.Table_Screen+.Description-Symbol-Note+.Description-Symbol-Note-Child {
    margin-left: 30px;
}

.OrderList-White1_1 {
    position: relative;
    margin-left: 35px;
    margin-top: 10px;
}

.OrderList-White1_1 li {}

.OrderList-White2_1 {
    position: relative;
    margin-left: 35px;
    margin-top: 10px;
}

.OrderList-White2_1 li {}

.OrderList-White1_1-Child {
    padding: 5px 0;
}

.OrderList-White1_1-Child li {
    margin-left: 35px;
}

.OrderList-White1_1 li .num,
.OrderList-White2_1 li .num {
    display: inline-block;
    margin-right: 10px;
    width: 20px;
    height: 20px;
    text-align: center;
    text-indent: 0;
    border: 1px solid #b2b2b2;
    border-radius: 50%;
    color: #000;
    background: #fff;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.UnorderList_2 li {
    position: relative;
}

.UnorderList_2 li:before {
    content: '-';
    position: absolute;
    top: -2px;
    left: -10px;
}

.UnorderList_2-OrderList li {
    position: relative;
}

.UnorderList_2-OrderList li:before {
    content: '-';
    position: absolute;
    top: -2px;
    left: -10px;
}

.OrderList-White1_1+.UnorderList_2 ul {
    margin-left: 45px;
}

.OrderList-White2_1+.UnorderList_2 ul {
    margin-left: 45px;
}

.UnorderList_2-GrayBox {}

.UnorderList_2-GrayBox ul {
    margin-left: 49px;
    margin-bottom: 10px;
}

.UnorderList_2-GrayBox li {
    position: relative;
}

.UnorderList_2-GrayBox li:before {
    content: '-';
    position: absolute;
    top: -2px;
    left: -10px;
}

.UnorderList_3 ul li {
    position: relative;
    margin-bottom: 20px;
    padding-left: 17px;
}

.UnorderList_3 ul li:last-child {
    margin-bottom: 5px
}

/* .ul3 li:before {
    content: ' ';
    display: inline-block;
    position: absolute;
    width: 5px;
    height: 16px;
    background-color: #333;
    left: 0;
    top: 4px;
} */

.ul3 li,
.ul3>p {
    position: relative;
    margin-left: 15px;
    text-indent: -15px;
}


/* TABLE */

table {
    margin: 0.5em 0 30px;
    border-collapse: collapse;
    border-spacing: 0px;
}

table.table_faq {
    border-bottom: 0px;
}


table tr td {
    /*padding: 1%;*/
}

.table_icon-heading tr>td:first-child {
    padding-left: 0;
}

.OrderList1_1-Child+.Empty_1 {
    margin-left: 45px;
}

.OrderList2_1+.Empty_1 {
    margin-left: 45px;
}

.OrderList1_1+.Empty_2 {
    margin-left: 45px;
}

.OrderList1_1-Child+.Empty_2 {
    margin-left: 45px;
}

.OrderList2_1+.Empty_2 {
    margin-left: 45px;
}

.ul1_1-note+.table_text {
    margin-top: 20px;
}

.table_text {
    border-top: 3px solid #333;
}

.Table_Trademark td {
    box-sizing: border-box;
    padding: 0;
}

.Table_Trademark img {
    max-width: 150px;
    min-width: 90px;
    width: 100%;
    height: auto;
}

[class*="table_symbol"] {
    border-bottom: 0;
}

[class*="table_symbol"] tbody {
    border: 0;
}

[class*="table_symbol"] .c2-col1 {
    width: 30%;
}

[class*="table_symbol"] .c2-col2 {
    width: 70%;
}

[class*="table_symbol"] .c3-col1 {
    width: 10%;
}

[class*="table_symbol"] .c3-col2 {
    width: 20%;
}

[class*="table_symbol"] .c3-col3 {
    width: 70%;
}

[class*="table_symbol"] .Cell_TableHead-Symbol {
    padding: 0;
}

[class*="table_symbol"] .Description-H1 {
    margin: 50px auto 15px;
    padding-bottom: 4px;
    line-height: 1.2;
    border-bottom: 1px solid #666;
}

[class*="table_symbol"] .Description-H1 span {
    font-weight: normal;
}

[class*="table_symbol"] .Description {
    margin: 0;
}

[class*="table_symbol"] .Img-Left img {
    max-width: 60px;
    min-width: 35px;
    width: 100%;
    height: auto;
    vertical-align: middle;
}

[class*="table_symbol"] .C_Image {
    margin-right: 10px;
    width: 35px !important;
    height: auto !important;
    vertical-align: -8px !important;
}

.Table_Text-Symbol {
    margin: 0;
    margin-top: -1px;
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
}

.Table_Text-Symbol .c3-col1 {
    width: 15%;
}

.Table_Text-Symbol .c3-col2 {
    width: 30%;
}

.Table_Text-Symbol .c3-col3 {
    width: 55%;
}

.Table_Text-Symbol tr {}

.Table_Text-Symbol tr td {
    padding: 0 5px;
    border-bottom: 1px #ADAAAD inset;
}

.Table_Text-Symbol tr .Description-Cell-H1 {
    margin: 50px 0 20px;
    line-height: 34px;
    font-weight: normal;
    color: #003469;
}

.Table_Text-Symbol tr .Description-Cell-Bold {
    margin: 10px 5px;
}

.Table_Text-Symbol tr .Description-Cell-Bold+.UnorderList_1-Cell-Safety {
    margin: 10px 5px;
}

.Table_Text-Symbol tr .Img-Left {
    text-align: center;
}

.Table_Text-Symbol tr .Img-Left img {
    width: 100%;
    height: auto;
}

.Table_Text-Safety {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
}

.Table_Text-Safety .c2-col1 {
    width: 35%;
}

.Table_Text-Safety .c2-col2 {
    width: 65%;
}

.Table_Text-Safety tr {}

.Table_Text-Safety tr td {
    padding: 0 5px;
    border-top: 1px #ADAAAD inset;
    border-bottom: 1px #ADAAAD inset;
}

.Table_Text-Safety tr .Description-Cell-Bold {
    margin: 5px 0;
}


.Table_Text-Safety tr .Img-Left {
    text-align: center;
}

.Table_Text-Safety tr .Img-Left img {
    width: 100%;
    height: auto;
}

h1.Heading1-NoTOC+.Table_Text-Safety .c2-col1 {
    width: 65%;
}

h1.Heading1-NoTOC+.Table_Text-Safety .c2-col2 {
    width: 35%;
}

h1.Heading1-NoTOC+.Table_Text-Safety td {
    padding: 5px;
}

h1.Heading1-NoTOC+.Table_Text-Safety .Img-Right {
    text-align: center;
}

h1.Heading1-NoTOC+.Table_Text-Safety .Img-Right img {
    width: 100%;
    height: auto;
}

.Table_Text {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
}

.Table_Text .c2-col1 {
    width: 25%;
}

.Table_Text .c2-col2 {
    width: 75%;
}

.Table_Text .c3-col1 {
    width: 30%;
}

.Table_Text .c3-col2 {
    width: 30%;
}

.Table_Text .c3-col3 {
    width: 40%;
}

.Table_Text .c4-col1 {
    width: 30%;
}

.Table_Text .c4-col2 {
    width: 20%;
}

.Table_Text .c4-col3 {
    width: 10%;
}

.Table_Text .c4-col4 {
    width: 40%;
}

.Table_Text tr {
    vertical-align: top;
}

.Table_Text tr td {
    border-bottom: 1px solid grey;
    border-right: 5px solid #fff;
}

.Table_Text tr:first-child td {
    border-top: 1px solid grey;
}

.Table_Text tr td:last-child {
    border-right: 0;
}

.Table_Text tr td .Description {
    margin: 5px 0;
}

.Table_Text tr .Description-Cell-Bold {
    margin: 5px 0;
}

.Table_Text .Img-Center {
    padding: 10px 10px 10px 0;
}

.Table_Text img {
    max-width: 130px;
    width: 100%;
    height: auto;
}

img[src*="I-setting_sound_center.png"],
img[src*="B-mute.png"],
img[src*="B-mode.png"]{
    max-width: 100%;
    width: auto;
    height: 18px;
}

img[src*="B-mute_up_1.png"],
img[src*="B-mute_down_1.png"],
img[src*="B-mute_1.png"] {
    max-width: 100%;
    width: auto;
    height: 19px;
}

.Table_VR {}

.Table_VR .c2-col1 {
    width: 30%;
}

.Table_VR .c2-col2 {
    width: 70%;
}

.Table_VR tr td {
    border-bottom: 1px solid grey;
    border-right: 5px solid #fff;
    vertical-align: top;
}

.Table_VR tr:first-child td {
    background: #002c5f;
    color: #fff;
    text-align: center;
    border-bottom: 0;
    border-right: 2px solid #fff;
}

.Table_VR tr td:last-child {
    border-right: 0;
}

.Table_VR tr td .Description {
    margin: 5px 0;
}

.Table_Screen {
    margin: 15px 0;
}

.Table_Screen tr td {
    padding: 0;
}

.Table_Screen .Img-Left img {
    max-width: 400px;
    width: 100%;
    height: auto;
}

.Table_Icon-Title {
    margin-top: 40px;
    width: 100%;
    table-layout: fixed;
}

.Table_Icon-Title .c2-col1 {
    width: 85%;
}

.Table_Icon-Title .c2-col2 {
    width: 15%;
}

.Table_Icon-Title td:nth-child(2) {
    text-align: center;
}

.Table_Icon-Title span.num {
    display: inline-block;
    margin-right: 10px;
    width: 20px;
    height: 20px;
    background: #fff;
    color: #000;
    text-align: center;
    border: 1px solid #000;
    border-radius: 50%;
}

.Table_Icon-Title .Img-Center img {
    height: 23px;
    width: auto;
}

.Table_Icon-Title .circle {
    display: inline-block;
    width: 24px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    text-indent: 0;
    border: 1px solid #b2b2b2;
    border-radius: 50%;
    color: #000;
    background: #fff;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.Table_Icon,
.Table_Button {
    margin-top: 10px;
    width: 100%;
    table-layout: fixed;
}

.Table_Icon .c2-col1 {
    width: 15%;
}

.Table_Icon .c2-col2 {
    width: 85%;
}

.Table_Icon td,
.Table_Button td {
    padding: 4px 8px;
    border-bottom: 1px solid grey;
}

.Table_Icon tr:nth-child(1) td,
.Table_Button tr:nth-child(1) td {
    border-top: 1px solid grey;
}

.Table_Icon td:nth-child(1),
.Table_Button td:nth-child(1) {
    border-left: 0px solid grey;
}

.Table_Icon td,
.Table_Button td {
    border-left: 1px solid grey;
}

.Table_Icon td:nth-child(1) {
    background-color: #002c5f;
    text-align: center;
    border-top: 0 !important;
    border-bottom: 0;
    border-right: 10px solid #fff;
}

.Table_Icon td img {
    margin-top: 2px;
    height: 24px;
    width: auto;
}

.Table_Product tr td {
    padding: 0;
}

.Table_Product img {
    max-width: 400px;
    width: 100%;
    height: auto;
}

img[src*="S-headunit-1.png"],
img[src*="S-headunit-2.png"],
img[src*="S-keyboard_stwheel.png"] {
    width: 100%;
    max-width: 1000px;
}

img[src*="S-keyboard_stwheel.png"] {
    width: 40%;
}

.Table_Icon-Heading tr td:first-child {
    width: 85%;
}

.Table_Icon-Heading tr td:last-child {
    width: 15%;
}

.Table_Icon-Heading .Heading3 {
    position: relative;
    margin: 40px 0 10px;
    padding-left: 13px;
}

.Table_Icon-Heading .Heading3:before {
    content: '[';
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    margin-right: 3px;
    line-height: 1.3em;
}

.Table_Icon-Heading .Heading3 span {
    font-weight: normal;
}

.Table_Icon-Heading .Img-Right {
    float: right;
    margin: 40px 0 0;
}

.Table_Icon-Heading img {
    width: auto;
    height: 22px;
}

.Table_FAQ .c2-col1 {
    width: 10%;
}

.Table_FAQ .c2-col2 {
    width: 90%;
}

.Table_FAQ tr td {
    vertical-align: top;
}

.Table_FAQ tr:first-child td {
    border-bottom: 1px solid grey;
}

.Table_FAQ .Description {
    margin: 0;
}

.Table_Logo img {
    width: 70px;
    height: auto;
}

.Description,
.Description-OrderList {
    margin: 10px 0 5px;
}

.Description .br_span,
.Description-GrayBox-Child .br_span {
    display: block;
    height: 10px;
}

.Description-TopLine {
    border-top: 1px solid #000;
}

.Description-TopLine-UpSp {
    border-top: 1px solid #000;
}

.Description-Symbol-Note-Cell {
    position: relative;
}

.Description-Symbol-Note-Cell:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100px;
    height: 100%;
    background: #fff;
    z-index: -1;
}

.Description-Symbol-Note-Cell:after {
    content: '';
    position: absolute;
    top: 11px;
    right: 0;
    width: 100%;
    height: 1px;
    background: #6D6F71;
    z-index: -2;
}

.Description-Symbol-Note-Cell img {
    display: inline-block;
    margin-right: 10px;
    height: 25px;
    width: auto;
    vertical-align: -8px;
}

.Description-Symbol-Note+.Table_Text-Safety {
    margin: 0;
}

.Description-Symbol-Note+.Table_Text-Safety .c2-col1 {
    width: 80%;
}

.Description-Symbol-Note+.Table_Text-Safety .c2-col2 {
    width: 20%;
}

.Description-Symbol-Note+.Table_Text-Safety tr td {
    padding: 0;
}

.Description-Symbol-Note+.Table_Text-Safety .Img-Right {
    text-align: center;
}

.Description-GrayBox,
.Description-GrayBox-2line {
    background: #e4dcd3;
}

.Description-Regular .br_span {
    display: block;
    height: 10px;
}


/* Character Styles */

span.Button {
    display: inline;
}

span.MMI {
    display: inline;
}

span.MMI_NoBold {
    display: inline;
    font-weight: normal;
}

.C_Image {
    height: 18px;
    width: auto;
    vertical-align: -4px;
}

.qna {
    display: flex;
    margin-bottom: 20px;
    padding-bottom: 20px;
}

.qna:nth-child(n+2) {
    margin-top: 0px;
}

.qna:nth-child(2n-1) {
    border-bottom: 1px solid #333;
}

.description-faq {
    /* margin-right: 10px; */
    margin-right: 15px;
}

.description_group {
    padding-top: 10px;
}

.description_group>p {
    margin-bottom: 0.5em;
}


/*.tit1{margin-top:20px; border:1px solid #9ac1c9;}
.acc-content {padding:15px; border:1px solid #9ac1c9; border-top:none; background:#fff}
.acc img{width:100px;height:auto} */


/* footer */

/* footer {
    visibility: visible !important;
    margin-top: 100px;
    z-index: 900;
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    position: fixed;
    bottom: 0;
} */


/* == footer */


/* 검색 결과 텍스트 색상 */

.step-description-note {
    color: #595959;
}


/*image_pop=======*/


/* 돋보기 */

#bvv {
    width: 100%;
    height: 30px;
    text-align: right;
    margin-bottom: 10px;
}

img[src*='image_size_icon2.png'] {
    width: 23px;
    height: auto;
}

.popup_img {
    width: 100%;
    height: 100%;
    display: none;
    left: 0px;
    top: 0px;
    position: fixed;
    margin: 0px auto;
    z-index: 1000;
    background: rgba(1, 1, 1, 0.5);
    vertical-align: middle;
}

.popup_img .box {
    width: 96%;
    height: 96%;
    display: block;
    left: 2%;
    top: 2%;
    position: absolute;
    /*margin: 0px auto;*/
    z-index: 1000;
    background-color: #ffffff;
    vertical-align: middle;
    border-radius: 10px;
}

.popup_img .image_area {
    position: absolute;
    width: 100%;
    height: 83%;
    top: 50px;
    overflow: scroll;
    border-top: 1px solid #f1f1f1;
    padding: 6px 0px 2px 0px;
}

.box .magnifier {
    padding: 0 10px;
    box-sizing: border-box;
}

.popup_img .image_area img {
    width: auto;
    height: auto;
    margin-bottom: 50px;
}

.popup_img .pop_close {
    width: 30px;
    height: 40px;
    right: 24px;
    top: 25px;
    position: fixed;
    z-index: 9999;
}

.popup_img .pop_close img {
    width: 20px;
    height: auto;
    right: 0px;
    position: absolute;
}

.popup_img .zoom_in_out {
    border-top: 1px solid #f1f1f1;
    padding-top: 13px;
    width: 100%;
    height: 20px;
    bottom: 15px;
    position: absolute;
    z-index: 9999;
    background-color: #fff;
    text-align: center;
    font-weight: bold;
}

.zoom_in_out input {
    width: 68%;
}

.zoom_icon1 {
    width: 21px;
    margin-bottom: 0px;
    margin-right: 15px;
    padding: 10px 0px;
}

.zoom_icon2 {
    width: 20px;
    margin-bottom: 0px;
    margin-left: 15px;
}

.popup_img #bvv {
    display: none;
}

input[type=range] {
    -webkit-appearance: none;
    appearance: none;
    width: calc(100% - 300px);
    height: 21px;
    outline: none;
    left: 0px;
    background-color: transparent;
}

input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none;
    position: relative;
    width: 16px;
    height: 16px;
    background: #56c0e5;
    border-radius: 50%;
    top: -7px;
}

input[type=range]::-webkit-slider-runnable-track {
    height: 2px;
    background: #56c0e5;
    border: none;
    border-radius: 3px;
}

input[type=range]::-ms-track {
    /* width: calc(100% - 300px); */
    background: transparent;
    border-color: transparent;
    border-width: 6px 0;
    color: transparent;
    border-radius: 0%;
}

input[type=range]::-ms-fill-lower {
    background: #5B2EC5;
}

input[type=range]::-ms-fill-upper {
    background-color: rgba(255, 255, 255, 0.2);
}

input[type=range]::-ms-thumb {
    border: none;
    height: 16px;
    width: 16px;
    border-radius: 0%;
    background: #fff;
}

/* font controll range */
.ctrFt span > input[type="range"]{
    line-height: 100%;
    margin: 0 auto;
    width: 80%;
    border-radius: 5px;
}
.ctrFt span > input[type=range]::-webkit-slider-runnable-track {
    background-color: #ddd;
    height: 15px;
    border-radius: 15px;
}
.ctrFt span > input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 15px;
    height: 15px;
    /* background: #002c5f; */
    border-radius: 15px;
    transform: translateY(47%);
}

ul[class$=-note] {
    color: #666;
}

.ul2_1-note>li {
    position: relative;
    margin-bottom: 5px;
    margin-left: 0;
    text-indent: 0;
}

.ul2_2-note>li:after {
    background-image: none;
}

img[src*="M-bluetooth.png"],
img[src*="M-dts_hd.png"],
img[src*="M-dolby_audio.png"],
.img_medium,
.img-right[src*="M-SXM.png"] {
    width: 20%;
}

/* .img_medium {
    width: 20%;
} */

img[src*="M-divx_hd.png"] {
    width: 15%;
}

.img-right[src*="M-SXM.png"],
.img-right[src*="M-bluetooth.png"],
.img-right[src*="M-hdradio.png"],
.img-right[src*="M-divx_hd.png"],
.img-right[src*="M-dts_hd.png"],
.img-right[src*="M-dolby_audio.png"] {
    margin-left: 24px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.here_color {
    margin: 0 2em;
}

.here_color>img.img-left {
    float: left;
    width: 10%;
}

.here_color>p {
    width: 100%;
}

table.table_logo tr td:nth-child(1) {
    vertical-align: middle;
    width: 10%
}

div>img[src*="D-bl_app"],
div>img[src*="D-uvo_app"],
div>img[src*="D-gcs_app"],
div>img[src*="D-bl_menu.png"],
div>img[src*="D-connectedservice_app"],
div>img[src*="D-carpay_app"] {
    width: 30%
}


/*h1하위 목차*/

#h2_contents,
.h1_sublink {
    margin: 0 auto;
    margin-top: 32px;
    /* border-bottom: 2px solid #e9e9e9; */
    border-top: 2px solid #e9e9e9;
    max-width: 1024px;
}
.h1_sublink{
    display: none;
}

#h2_contents .c_below_heading {
    display: none;
}

#h2_contents_l p {
    padding: 8px 15px;
    background-color: #f2f2f3;
    border-bottom: 1px solid #e9e9e9;
}

#h2_contents_l p:last-child {
    border-bottom: 0px;
}

#h2_contents_l p a {
    display: block;
    color: #333;
    text-decoration: none;
    cursor: pointer;
    font-weight: normal;
}

#h2_contents_l p a:link,
#h2_contents_l p a:visited {
    z-index: 999;
    color: #333 !important;
    cursor: pointer;
}

#h2_contents_l dl,
.h1_list li {
    border-bottom: 2px solid #e9e9e9;
}

#h2_contents_l dl:last-child,
.h1_list li:last-child {
    /* border-bottom: 0px; */
}

#h2_contents_l dl a,
.h1_list li a {
    display: block;
    color: #333;
    text-decoration: none;
    cursor: pointer;
    padding: 15px;
    word-wrap: break-word;
    line-height: 22px;
    font-weight: bold;
}

#h2_contents_l dl a:link,
#h2_contents_l dl a:visited {
    z-index: 999;
    cursor: pointer;
}

img[src*="circlenumber"] {
    width: 16px;
    height: 16px;
    margin-bottom: -1px;
}

img[src*="I-ca_home.png"] {
    height: 26px;
    margin-bottom: -7px;
}

.ul1_1>p.description_3 {
    /* margin-left: 14px; */
}


/* video */

.video_wrap .description_1 {
    padding-top: 30px;
}

.description_mov {
    margin-bottom: 20px;
}

/* .video_manual {
    display: flex;
    flex-wrap: wrap;
} */

.video_manual .video_container {
    width: calc(50% - 5px);
    margin-right: 10px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

/* .video_manual .video_container:nth-of-type(2n) {
    margin-right: 0;
} */

.video_container {
    width: 100%;
    margin-bottom: 30px;
}


/* .video_container:after {
    content: " ";
    display: block;
    width: 100%;
    clear: both;
} */

.ul1_1 .video_60,
.ul1_1 .video_100 {
    text-indent: 0;
}

.video {
    width: 49%;
    float: left;
    position: relative;
}

.video_100 {
    width: 100%;
    /* margin-bottom: 40px; */
    position: relative;
}

.video_60 {
    width: 60%;
}

.description-option {
    font-size: 1.2rem;
    font-weight: bold;
}

.video .heading3 {
    margin-top: 20px;
}

.video:nth-of-type(2n) {
    float: right;
}

video {
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
}

.magnifier_8inch video {
    max-width: 400px;
}


/* video controls custom */

.video-controls {
    width: 100%;
    position: absolute;
    bottom: 5px;
    padding: 10px 20px;
    box-sizing: border-box;
    background-color: rgba(0, 0, 0, 0.8);
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #fff;
}


/* .video:hover .video-controls {
    display: flex;
    justify-content: space-between;
    align-items: center;
} */

.video-controls button {
    background-color: transparent;
    width: 40px;
    height: 40px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

.play-pause {
    background-image: url("../../images/video_play.png");
}

.mute {
    background-image: url("../../images/video_sound_on.png");
    position: relative;
    z-index: 100;
}

.full-screen {
    background-image: url("../../images/video_screen_full.png");
}

.volume_area {
    position: relative;
    display: flex;
}

.video-controls input[type=range] {}

input[type=range].volume-bar {
    display: none;
    position: absolute;
    width: 300%;
    height: 100%;
    bottom: 40px;
    left: -40px;
    transform: rotate(-90deg);
    padding-right: 10px;
    padding-left: 50px;
    box-sizing: border-box;
}

input[type=range].seek-bar {
    min-width: 30%;
    margin-left: 5px;
}

#h2_contents_l .heading2-none-view {
    display: none;
}

.ul3+.heading2-continue,
.table_symbol-vertical+.heading2-continue {
    margin: 0 0 20px;
    padding-top: 35px;
}

body > .all_contents{
    display: none;
}


table.table_image_text img[src*="D-fcev_energyflow_"] {
    width: 60%;
}

/* ol.step li table.block tr td p.t_indent {
    text-indent: 22px;
} */

.c_japanese-important {
    font-weight: bold;
}

.c_japanese {
    word-break: break-all;
}

.navigation {
    display: none;
}

/* responsive ==============================================*/

@media screen and (max-width: 1280px) {

    /* H2 */
    table.table_logo tr td:nth-child(1) {
        vertical-align: middle;
        width: 10%
    }

    table.table_logo tr td:nth-child(2) {
        padding-left: 5%;
    }

    table.table_logo p {
        margin-bottom: 5px;
    }

    table.block tr td img.c_image-cell {
        margin-left: 10px;
        width: 69.05%;
    }

    table.block tr td .t_indent {
        text-indent: 20px;
    }

}

@media screen and (max-width: 1024px) {
    .swipe_inner_wrap {
        width: 95%;
    }

    table.table_logo tr td:nth-child(1) {
        vertical-align: middle;
        width: 10%
    }

    table.table_logo tr td:nth-child(2) {
        padding-left: 5%;
    }

    table.table_logo p {
        margin-bottom: 5px;
    }

    .table_logo>img {
        display: block;
    }

    table.block tr td img.c_image-cell {
        width: 73%;
    }

    ol.step li table.block tr td img.c_image-cell {
        width: 86%;
    }
}

@media screen and (max-width: 900px) {
    #wrapper {
        width: 100%;
    }

    .btn_prev2 {
        left: 0;
    }

    .swipe_inner_wrap {
        max-width: 960px;
        padding-bottom: 30px;
        min-height: calc(100vh - 79px - 79px);
    }


    .navWrap,
    .sNav_div{
        display: none;
    }

    .contentsWrap {
        width: 100vw;
        margin-top: 70px;
        margin-left: 0;
    }

    .h1_sublink{
        display: block;
    }

    table.block tr td img.c_image-cell {
        width: 66.33%;
    }

    ol.step li table.block tr td img.c_image-cell {
        width: 70.67%;
    }
}

@media screen and (max-width: 800px) {
    tr:only-child td img {
        /* float: left;
        margin: 10px 15px 0; */
    }

    #wrapper ul.sect li a {
        width: 90%;
    }

    #root.toc-bgcolor ul.sect {
        margin: 0;
    }

    #root.toc-bgcolor .swipe_inner_wrap {
        width: 100%;
        margin-left: 0;
    }

    .Table_Text .c3-col1 {
        width: 30%;
    }

    .Table_Text .c3-col2 {
        width: 25%;
    }

    .Table_Text .c3-col3 {
        width: 45%;
    }

    .Table_Text .c4-col1 {
        width: 30%;
    }

    .Table_Text .c4-col2 {
        width: 15%;
    }

    .Table_Text .c4-col3 {
        width: 10%;
    }

    .Table_Text .c4-col4 {
        width: 45%;
    }

    .Table_Icon .c2-col1 {
        width: 20%;
    }

    .Table_Icon .c2-col2 {
        width: 80%;
    }

    .Table_FAQ .c2-col1 {
        width: 15%;
    }

    .Table_FAQ .c2-col2 {
        width: 85%;
    }
}

@media screen and (max-width: 767px) {

    .shBox{
        width: 100vw;
        height: 100vh;
        background-color: rgba(0, 0, 0, 0.7);
        position: fixed;
        left: 0;
        top: 70px;
        z-index: 700;
    }

    .swipe_inner_wrap {
        width: 90%;
    }

    .btn_prev2,
    .btn_next2 {
        width: 44px;
        height: 44px;
        z-index: 99;
    }

    /* NEXT + H2 */
    .Heading1+.Heading2 {
        margin-top: 40px;
    }

    .Heading1-Appendix+h2.Heading2-NoTOC {
        margin-top: 40px;
    }

    .Description+h2.Heading2 {
        margin-top: 40px;
    }

    .UnorderList_1+h2.Heading2 {
        margin-top: 40px;
    }

    .UnorderList_2-GrayBox+h2.Heading2,
    .UnorderList_2-GrayBox+h2.Heading2-NoTOC {
        margin-top: 40px;
    }

    .OrderList-Color2_1+h2.Heading2 {
        margin-top: 40px;
    }

    /* TEXT */
    .line_mit:before {
        width: 85%;
    }

    .circle {
        width: 19px;
        height: 19px;
        line-height: 21px;
    }

    .OrderList1_1 .num,
    .OrderList2_1 .num {
        line-height: 0.9em;
    }

    .Table_FAQ .Description-FAQ span {
        line-height: 1em;
    }

    table.block tr td:first-child img.img-center {
        width: 80%;
    }
    table.block tr td:first-child img.img-center[src*="I-t_washmode"] {
        width: 40%;
    }

    .Table_Icon .c2-col1 {
        width: 25%;
    }

    .Table_Icon .c2-col2 {
        width: 75%;
    }

    div>img {
        width: 100%;
    }

    .video_container {
        width: 100%;
    }

    .video_60 {
        width: 100%;
    }

    .table_icon-heading .img-left {
        width: 30%;
    }

    p.description_1-center,
    .magnifier+.description_1-center {
        width: 100%;
    }

    .table_logo>img {
        display: block;
        width: 18%;
    }

    .table_logo>ul {
        width: 80%;
    }

    [class*="table_symbol"] .description-option {
        display: block;
    }

    [class*="table_symbol"] .c_image,
    [class*="table_symbol"] .c_sign {
        display: block;
        float: none;
        margin: 0 auto;
        text-align: center;
    }

    .table_image_text td img {
        width: 100%;
    }
    table.table_image_text img[src*="D-fcev_energyflow_"] {
        width: 100%;
    }
    [class*="table_symbol"] .c_image {
        margin-bottom: 10px;
    }

    .tsone tr td {
        vertical-align: top;
    }

    .table_text tbody tr:nth-child(4) td:first-child {
        display: block;
    }

    .table_text tbody tr:nth-child(4) td:first-child[rowspan="2"] {
        display: table-cell;
    }

    .table_text tbody tr:nth-child(4) td:first-child[colspan="3"] {
        display: table-cell;
    }

    img[src*="E-icon_data.png"] {
        width: 100%;
    }
    .table_icon-heading .img-right{
        width: 60%;
    }

    .table_icon .img-center {
        width: 70%;
    }

    div>img[src*="D-bl_app"],
    div>img[src*="D-uvo_app"],
    div>img[src*="D-gcs_app"],
    div>img[src*="D-bl_menu.png"] {
        width: 60%;
    }

    table[class~="table_icon"] tr td:nth-child(1) {
        padding: 0;
    }

    img[src*="M-bluetooth.png"],
    img[src*="M-divx_hd.png"] {
        margin-top: 0;
        margin-bottom: 30px;
    }

    .img-right[src*="M-SXM.png"],
    img[src*="M-bluetooth.png"],
    img[src*="M-dts_hd.png"],
    img[src*="M-dolby_audio.png"],
    .img_medium {
        width: 50%;
    }

    img[src*="M-divx_hd.png"] {
        width: 40%;
    }

    .video {
        width: 100%;
    }

    .table_symbol-vertical .description-option {
        display: flex;
    }

    .table_symbol-vertical .c_image,
    .table_symbol-vertical .c_sign {
        margin-left: 0;
        margin-right: 0;
        margin-bottom: 0;
        text-align: left;
        hyphens: auto;
    }

    .table_symbol-vertical .c_image {
        margin-right: 10px;
    }

    .table_symbol-vertical .c_sign {}

    .video_manual .video_container {
        width: 100%;
        margin-right: 0;
    }

    imgtxtgroup .table_image_text_noborder img {
        width: 60%;
    }

    .nodecnt-1 div.table_image_text_noborder {
        width: 80%;
        margin-left: -16%;
    }

    .top_wrap {
        position: relative;
    }

    .top_wrap .all_contents {
        /* position: fixed;
        width: 50px;
        height: 50px;
        bottom: 20px;
        right: 20px;
        border: 1px solid #dddcdb;
        border-radius: 50%;
        margin-left: 0px;
        background-color: white; */
        display: none;
    }

    body > .all_contents{
        display: block;
        position: fixed;
        width: 50px;
        height: 50px;
        bottom: 20px;
        right: 20px;
        border: 1px solid #dddcdb;
        border-radius: 50%;
        /* box-shadow: 2px 2px 2px #ccc; */
        margin-left: 0px;
        background-color: white;
    }

    .top_wrap .all_contents button,
    body > .all_contents button {
        margin-top: 50%;
        margin-left: 50%;
        transform: translate(-50%, -50%);
    }

    .all_contents button:after{
        transform:  translate(-50%, -50%);
    }


    #gototop img {
        border-radius: 50%;
    }

    /* 클릭 시, app_link 팝업이미지 */
    .app_img{
        position: fixed;
        top: 55%;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: 1000;
        width: 50%;
    }
    .closeImg{
        width: 20px;
        height: 20px;
        float: right;
        position: relative;
        background-color: transparent;
    }
    .closeImg::after{
        content: "\00d7";
        font-size: 40px;
        line-height: 20px;
        color: white;
    }
    .app_img > img[src*="D-connectedservice_app"],
    .app_img > img[src*="D-carpay_app"]{
        width: 100%;
    }
    
    
    .search_box .sch_Btn.searchOpen {
        margin-top: 0;
        margin-right: 0;
    }

        
    table.block tr td img.c_image-cell {
        height: auto;
        width: 135.4%;
        margin-left: 10px;
    }

    table .description_1 .c_text-cell {
        margin: 5px 0;
    }
    
    ol.step li table.block tr td img.c_image-cell{
        width: 147.2%;
    }
    
    ol.step li table.block tr td p.t_indent {
        margin-left: 30px;
        text-indent: -8px;
    }

    table.block tr td .t_indent {
        margin-left: 32px;
        text-indent: -9px;
    }

}

@media screen and (max-width: 480px) {
    .shBox, 
    .top_wrap .search_box #searchSubmit {
        top: 50px;
    }

    #top_kind_toc{
        height: 50px;
    }

    h1[class*="heading1"],
    .description-h1,
    .c_change_colorh1 {
        padding-top: 130px;
    }

    #view_container{
        padding-top: 7%;
    }

    td>img {
        width: 60%;
    }

    .table_text_icon td img {
        width : 80%
    }


    #scrollmask #fontControll {
        width: 30px;
        height: 30px;
    }

    .contentsWrap {
        margin-top: 50px;
    }

    table.block tr td:first-child img.img-center,
    table.block tr td img.block,
    table.block tr td:first-child img {
        width: 100%;
    }

    table.block tr td:first-child img.img-center[src*="I-t_washmode"] {
        width: 80%;
    }

    .table_icon .img-center {
        width: 90%;
    }

    .table_icon-heading .img-right{
        width: 80%;
    }

    .app_img{
        width: 70%;
    }

    .c_image[src*="E-manual"] {
        height: 45px;
    }

    [class*="table_symbol"] .c_image[src*="M-"] {
        width: 40px;
    }

    table.block tr td img.c_image-cell {
        height: auto;
        width: 182.8%;
    }

    .imgList_span{
        width: 3px;
        height: 3px;
    }

    table .description_1 .c_text-cell {
        margin: 5px 0 5px 10px;
    }

    ol.step li table.block tr td:first-child img{
        width: 112.45%;
    }
    
    ol.step li table.block tr td img.c_image-cell{
        width: 215.95%;
    }

    ol.step li table.block tr td p.t_indent {
        margin-left: 40px;
        text-indent: -20px;
    }
    
    table.block tr td .t_indent {
        /* margin-left: 35px; */
        margin-left: 40px;
        text-indent: -20px;
    }

    .swipe_inner_wrap {
        min-height: calc(100vh - 74px - 74px);
    }

    .table_faq tr td:first-child {
        width: 25%;
    }

    .table_faq tr td:last-child {
        width: 75%;
    }

}

@media screen and (max-width: 360px) {
    
    table.block tr td img.c_image-cell {
        width: 200.5%;
    }

    table .description_1 .c_text-cell {
        margin: 5px 0 5px 20px;
    }

    ol.step li table.block tr td p.t_indent {
        margin-left: 30px;
        text-indent: -30px;
    }

    table.block tr td .t_indent {
        margin-left: 27px;
        text-indent: -30px;
    }

    ol.step li table.block tr td:first-child img {
        width: 119.6%;
    }

    ol.step li table.block tr td img.c_image-cell {
        width: 267.2%;
    }

}



.table_video {
    display: block;
    padding-bottom: 10px;
}

.table_video img[src*="M-video.png"] {
    width: 25px;
    display: inline-block;
    margin: 0px 10px 0 0;
}

.table_video p {
    display: inline-block;
    margin-bottom: 0;
}

.table_video span.c_crossreference {
    display: inline-block;
    position: relative;
    color: #000;
    font-weight: bold;
    text-decoration: underline;
    top: -7px;
}

.table_video+.ul1_1-note {
    margin-bottom: 15px;
}

.ul1_1-note+.table_video {
    margin-top: 15px;
}

iframe {
    width: 100%;
    position: relative;
    margin-top: 10px;
    margin-bottom: 15px;
    min-height: 267.19px;
}