@charset "utf-8";
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,800,700,300);

/*html5 reset*/
header, footer, section, article, aside, nav, hgroup {
    display: block
}

html, body {
    margin: 0;
    padding: 0;
    -webkit-text-size-adjust: none
}

body {
    font: 300 12px "Open Sans";
    font-size: 12px;
    color: #333
}

h1, h2, h3, h4, h5, h6 {
    margin: 0;
    padding: 0;
    font-size: 1em;
    font: 300 14px "Open Sans";
    line-height: 1.1;
}

ol, ul, dl {
    margin: 0;
    padding: 0;
    list-style: none
}

div, li, dt, dd, form, iframe, p, a, span {
    margin: 0;
    padding: 0
}

dt, dd, label {
    line-height: 1.1;
}

input, textarea {
    margin: 0;
    padding: 0;
    font: 300 14px/24px "Open Sans";
    font-size: 1em
}

a:link, a:visited, a:hover, a:active {
    color: inherit;
    font-size: 1em;
    text-decoration: none;
    cursor: pointer;
}

img, figure {
    margin: 0;
    padding: 0;
    border: 0
}

strong {
    font: 300 14px "Open Sans"
}

table, th, td {
    margin: 0;
    padding: 0;
    border-spacing: 0;
    border-collapse: collapse
}

fieldset {
    border: none;
    padding: 0;
    margin: 0
}

input {
    -webkit-border-radius: 0;
    -webkit-appearance: none;
}
    /* 아이폰 인풋  */
    input[type=text]::-ms-clear {
        display: none;
    }

    input[password]::-ms-reveal {
        display: none;
    }

    input::-ms-clear, input::-ms-reveal {
        display: none;
    }

    input.warning {
        border: 1px solid #ee3124 !important;
        background: #fff url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/icon/icon_warning.png) right center no-repeat;
    }

h4 {
    text-transform: uppercase;
}

/*공통*/
.ellipsis {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis
}

.hidden {
    margin: 0;
    padding: 0;
    width: 0;
    height: 0;
    font-size: 0;
    line-height: 0;
    overflow: hidden;
    visibility: hidden;
    display: block
}

.blind {
    width: 0;
    height: 0;
    font-size: 0;
    line-height: 0;
    text-indent: -9999px;
    overflow: hidden;
    visibility: hidden
}

.clearfix:after {
    content: "";
    display: block;
    clear: both
}

div#loading {
    width: 100%;
    text-align: center;
    font-size: 16px;
}

.checkbox a {
    display: inline-block
}

    .checkbox a label {
        display: block;
        width: 32px;
        height: 32px;
        background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/icon/icon_checkbox.png) no-repeat;
        cursor: pointer
    }

.checkbox input {
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
    opacity: 0
}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

    .video-container iframe, .video-container object, .video-container embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

.social .sns_list .youtube_class {
    background: #d83632 url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/icon/icon_youtube.jpg) 0 0 no-repeat !important;
}

.social .sns_list .facebook_class {
    background: #3e65a7 url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/icon/icon_facebook.jpg) 0 0 no-repeat !important;
}

.social .sns_list .twitter_class {
    background: #2c9cde url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/icon/icon_twitter.jpg) 0 0 no-repeat !important;
}

.social .sns_list .instagram_class {
    background: #b72aa7 url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/icon/insta.jpg) 0 0 no-repeat !important;
}

.etc .textarea .td_tittle {
    background-color: #a1c78a;
    font-weight: bold;
}

.float_left li {
    float: left;
}

.float_right {
    float: right;
}

/*spinner*/
.spinner {
    margin: 30px auto 0;
    width: 70px;
    text-align: center;
}

    .spinner > div {
        width: 14px;
        height: 14px;
        background-color: #ffffff;
        border-radius: 100%;
        display: inline-block;
        -webkit-animation: sk-bouncedelay 1s infinite ease-in-out both;
        animation: sk-bouncedelay 1s infinite ease-in-out both;
    }

    .spinner .bounce1 {
        -webkit-animation-delay: -0.32s;
        animation-delay: -0.32s;
    }

    .spinner .bounce2 {
        -webkit-animation-delay: -0.16s;
        animation-delay: -0.16s;
    }

@-webkit-keyframes sk-bouncedelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0)
    }

    40% {
        -webkit-transform: scale(1.0)
    }
}

@keyframes sk-bouncedelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    40% {
        -webkit-transform: scale(1.0);
        transform: scale(1.0);
    }
}

iframe[name=google_conversion_frame] {
    display: none;
}
/* Checkboxes */
.jqTransformCheckboxWrapper {
    display: block;
    float: left;
    line-height: 0;
    font-size: 0;
    margin: 0 9px 0 0;
}

.jqTransformCheckbox {
    float: left;
    width: 22px;
    height: 22px;
    margin: 0;
    font-size: 0;
    line-height: 0;
    background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/icon/icon_checkbox2.png) 0 0 no-repeat;
}

.jqTransformChecked {
    background-position: 0 bottom;
}

/* Selects */
.jqTransformSelectWrapper {
    position: relative;
    width: 100%;
    z-index: 0;
}

    .jqTransformSelectWrapper:after {
        content: "";
        display: block;
        clear: both;
    }

    .jqTransformSelectWrapper div {
        position: relative;
        overflow: hidden;
        width: 100%;
        background: #fff;
        border: 1px solid #e4e4e4;
    }

        .jqTransformSelectWrapper div span {
            display: block;
            text-overflow: ellipsis;
            -o-text-overflow: ellipsis;
            overflow: hidden;
            white-space: nowrap;
            cursor: pointer;
        }

    .jqTransformSelectWrapper a.jqTransformSelectOpen {
        display: block;
        position: absolute;
        top: 0;
        right: 0px;
        background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/icon/icon_select.png) 0 0 no-repeat;
    }

    .jqTransformSelectWrapper.on a.jqTransformSelectOpen {
        background-position: 0 bottom;
    }

    .jqTransformSelectWrapper ul {
        position: absolute;
        top: 30px;
        left: 0;
        z-index: 100;
        max-height: 270px;
        padding: 0;
        overflow: hidden;
        overflow-y: auto;
        border: 1px solid #ccc;
        background: #fff;
    }

        .jqTransformSelectWrapper ul:after {
            content: "";
            display: block;
            clear: both;
        }

        .jqTransformSelectWrapper ul a {
            display: block;
            margin: 0;
            text-align: left;
            text-overflow: ellipsis;
            -o-text-overflow: ellipsis;
            overflow: hidden;
            white-space: nowrap;
            background: #fff;
        }

            .jqTransformSelectWrapper ul a:hover {
                background: #dfdbd6;
            }

/* radios */
.radio_style li {
    float: left;
}

.jqTransformRadioWrapper {
    display: block;
    float: left;
    line-height: 0;
    font-size: 0;
}

.jqTransformRadio {
    float: left;
    width: 22px;
    height: 22px;
    margin: 12px 5px 0 0;
    font-size: 0;
    line-height: 0;
    background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/icon/icon_checkbox2.png) 0 0 no-repeat;
}

.jqTransformRadioWrapper .jqTransformChecked {
    background-position: 0 bottom;
}

/* Hidden - used to hide the original form elements */
.jqTransformHidden {
    display: none;
}

.inputDesign:after {
    content: "";
    display: block;
    clear: both;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #bbbbbb;
}

::-moz-placeholder { /* Firefox 19+ */
    color: #bbbbbb;
}

:-ms-input-placeholder { /* IE 10+ */
    color: #bbbbbb;
}

:-moz-placeholder { /* Firefox 18- */
    color: #bbbbbb;
}

/* 디자인 셀렉트박스 */
/*form fieldset{display:inline-block;margin:0;padding:0;border:0}*/
.videos_select {
    display: inline-block;
    *display: inline;
    position: relative;
    width: 100px;
    background: #f4f4f4;
    line-height: normal;
    vertical-align: middle;
    *zoom: 1
}

    .videos_select .my_value {
        overflow: visible;
        position: relative;
        top: 0;
        left: 0;
        z-index: 2;
        color: #999;
        text-align: left;
        line-height: 19px;
        cursor: pointer;
        _line-height: normal
    }

    .videos_select button.my_value {
        width: 100%;
        height: 21px;
        *padding-left: 5px;
        text-indent: 5px;
        *text-indent: 0
    }

    .videos_select div.my_value {
        height: 20px;
        padding: 5px 10px;
        text-indent: 8px
    }

    .videos_select .ctrl {
        position: absolute;
        top: 0;
        right: 0;
        width: 18px;
        height: 19px
    }

    .videos_select .arrow {
        position: absolute;
        width: 0;
        height: 0;
        top: 13px;
        right: 9px;
        border-top: 5px solid #999;
        border-left: 5px solid #f4f4f4;
        border-right: 5px solid #f4f4f4;
        font-size: 0;
        line-height: 0
    }

    .videos_select > ul {
        overflow: hidden;
        position: absolute;
        top: 29px;
        left: 0;
        width: 100%;
        border: 0;
        background: #f4f4f4;
        list-style: none;
        z-index: 3;
    }

        .videos_select > ul.a_list {
            display: none
        }

    .videos_select.open ul.a_list {
        display: block
    }

    .videos_select > ul.i_list {
        left: -2000%
    }

    .videos_select.open ul.i_list {
        left: 0
    }

    .videos_select ul.i_list li {
        overflow: hidden;
        position: relative;
        height: 28px;
        white-space: nowrap
    }

.videos > .post .infor .products .videos_select ul.i_list li:hover label {
    background: #a6a6a6;
    color: #fff;
}

.support .faq > .post .infor .company .videos_select .i_list li:hover label {
    background: #a6a6a6;
    color: #fff;
}

.videos_select ul.i_list li input.option {
    position: absolute;
    width: 100%;
    height: 20px;
    line-height: 20px
}

.videos_select ul.i_list li label {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding: 5px 10px;
    background: #f4f4f4;
    color: #999;
    line-height: 18px;
    text-indent: 8px;
    *text-indent: 6px;
    cursor: pointer
}

.videos_select ul.i_list li a {
    display: block;
    height: 18px;
    background: #fff;
    color: #767676;
    line-height: 18px;
    text-indent: 8px;
    *text-indent: 6px;
    text-decoration: none
}

/* 디자인 셀렉트박스2 */
.videos_select .content {
    position: absolute;
    top: 40px;
    left: 0px;
    width: 100%;
    height: 260px;
    padding: 0; /* border:1px solid #e4e4e4;*/
    border-top: 0;
    background: #e4e4e4;
    overflow: hidden;
    z-index: 10
}

    .videos_select .content .list {
        height: 210px;
        margin: 0 20px 20px 20px
    }

        .videos_select .content .list .nano-content ul {
            background: #e4e4e4
        }

            .videos_select .content .list .nano-content ul li {
                height: 25px;
                overflow: hidden
            }

    .videos_select .content > .input {
        position: relative;
        margin: 20px
    }

        .videos_select .content > .input input {
            height: 28px;
            border: 0;
            cursor: auto
        }

        .videos_select .content > .input a {
            position: absolute;
            top: 6px;
            right: 10px;
        }

    .videos_select .content .list .nano .nano-pane {
        background: #fff;
        width: 8px;
        right: 0
    }

    .videos_select .content .list .nano .nano-slider {
        background: #b6b6b6
    }

/* 나노스크롤 */
.scroll-pane {
    width: 100%;
    height: 90%;
    overflow: hidden;
    padding: 0px;
}

.jspContainer {
    overflow: hidden;
    position: relative;
    padding: 0px;
    width: auto;
    height: 189px;
}

.jspPane {
    position: absolute
}

.jspVerticalBar {
    position: absolute;
    top: 0;
    right: 0;
    width: 5px;
    height: 128px;
    border: 0
}

.jspVerticalBar {
    height: 171px;
    background: url(../img/bg_myteam_scroll2.gif) no-repeat
}

.jspHorizontalBar {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 16px
}

    .jspVerticalBar *, .jspHorizontalBar * {
        margin: 0;
        padding: 0
    }

.jspCap {
    display: none
}

.jspTrack {
    position: relative;
    width: auto;
    height: 189px;
    margin: 0;
    background: none; /*.height:100% !important*/
    ;
    background: #b6b6b6
}

.jspDrag {
    position: relative;
    top: 0;
    left: 0;
    width: 5px;
    background: #fff;
    cursor: pointer;
    .padding:0 0 24px 0
}

.jspDragTop {
    display: none
}

.jspDragBottom {
    display: none
}

.jspArrow {
    display: none
}

.jspPane ul li {
    color: #fff;
}

    .jspPane ul li:hover {
        background: #fff;
        color: #777;
    }

.country_scroll ul {
    height: 180px;
    overflow: auto
}

.w_img {
    width: 100%
}

/* where To buy Effect */
.support .wheretobuy .wheretobuy_list li .list_obj img {
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -o-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.support .wheretobuy .wheretobuy_list li .list_obj .overlay {
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    transition: all 0.5s linear;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transform: scale(0.1);
    -moz-transform: scale(0.1);
    -o-transform: scale(0.1);
    -ms-transform: scale(0.1);
    transform: scale(0.1);
}

.support .wheretobuy .wheretobuy_list h3 {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    color: #333;
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    transition: all 0.5s linear;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
}

.support .wheretobuy .wheretobuy_list span {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    transition: all 0.5s linear;
}

.support .wheretobuy .wheretobuy_list li:hover img {
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -o-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3);
}

.support .wheretobuy .wheretobuy_list li:hover .overlay {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=80);
    opacity: 0.8;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.support .wheretobuy .wheretobuy_list li:hover h3, .support .wheretobuy .wheretobuy_list li:hover span {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
}

/* Main visual */
.main_content1 {
    position: relative;
}

    .main_content1 .swiper-container div img {
        width: 100%;
    }

@media all and (min-width:200px) and (max-width:425px) {
    .videos_submit .faq .list {
        width: 250px;
        margin: 0 auto
    }
}

/* 모바일 css */
@media all and (min-width:200px) and (max-width:767px) {
    input[type=radio] {
        border: none;
    }
    /*아이폰 인풋 스타일 제거*/
    input.warning {
        background-size: 14px;
        width: 100%; /* 추가 */
    }

    /* 디바이스 뷰 제어 */
    .m_hidden {
        display: none !important
    }
    
    /* 구글 버튼 너비 고정 */
    .nsm7Bb-HzV7m-LgbsSe{
        width: 218px !important;
    }    
    .hJDwNd-SxQuSe{
        width: 218px !important;
    }    
    .i5vt6e-Ia7Qfc{
        width: 218px !important;
    }    
    .uaxL4e-RbRzK{
        width: 218px !important;
    }    
    

    /* 404 not found */
    .btn_type05 p {
        text-align: left;
        margin: 0;
    }

        .btn_type05 p.type08 span {
            display: block;
            padding: 1px 20px 1px 20px;
            border-radius: 5px;
            ;
            background: #818286;
            color: #fff;
            font-size: 18px;
        }

    .dashcam .imgarea8 {
        height: 550px;
        background-color: #f5f5f5
    }

        .dashcam .imgarea8 .textarea {
            position: absolute;
            top: 100px;
            width: 100%;
            text-align: center
        }

            .dashcam .imgarea8 .textarea h4 {
                font-size: 30px;
                font-weight: bold;
            }

            .dashcam .imgarea8 .textarea > p {
                margin: 10px 0 0 0;
                font-size: 14px;
            }

    .dashcam .btn_area1 {
        margin: 40px 0 0 10%;
    }

    .dashcam .t_box {
        font-size: 16px;
    }

    .dashcam .t_box1 {
        font-size: 16px;
    }

    .dashcam .t_box .btn_area1 .404_foot {
        font-size: 16px;
    }

    .dashcam .t_box .btn_area1 .404_foot_end {
        font-size: 16px;
        margin-bottom: 10%;
    }

    .dashcam .btn_area1 .right {
        font-size: 16px
    }

    /* 공통 */
    .btn_type01 {
        display: inline-block;
        cursor: pointer;
    }

        .btn_type01 p {
            text-align: center
        }

            .btn_type01 p.type01 span {
                display: block;
                padding: 10px 8px;
                border-radius: 5px;
                background: #3898d3;
                color: #fff;
                font-size: 14px
            }

            .btn_type01 p.type02 span {
                display: block;
                padding: 5px 10px;
                border-radius: 5px;
                ;
                background: #3898d3;
                color: #fff;
                font-size: 10px
            }

            .btn_type01 p.type03 span {
                display: block;
                padding: 10px 20px 10px 36px;
                border-radius: 5px;
                background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/icon/icon_download.png) no-repeat 12px center;
                background-color: #3898d3;
                background-size: 18px;
                color: #fff;
                font-size: 14px; /*width:84px*/
                width: 150px;
            }

                .btn_type01 p.type03 span.small {
                    width: 74px;
                }

            .btn_type01 p.type04 span {
                display: block;
                padding: 10px 15px;
                border-radius: 5px;
                background: #3898d3;
                color: #fff;
                font-size: 12px;
                behavior: url(PIE.htc)
            }

            .btn_type01 p.type05 span {
                display: block;
                padding: 10px 15px 10px 35px;
                border-radius: 5px;
                background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/icon/icon_buy03.png) no-repeat 13px center;
                background-color: #3898d3;
                background-size: 18px;
                color: #fff !important;
                font-size: 14px;
                behavior: url(PIE.htc)
            }

            .btn_type01 p.type06 span {
                display: block;
                padding: 10px 15px 10px 35px;
                border-radius: 5px;
                background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/icon/icon_review.png) no-repeat 13px center;
                background-color: #3898d3;
                background-size: 18px;
                color: #fff;
                font-size: 14px;
                behavior: url(PIE.htc)
            }

            .btn_type01 p.type07 span {
                display: block;
                padding: 10px 40px 10px 40px;
                border-radius: 5px;
                background: #3898d3;
                color: #fff;
                font-size: 14px
            }

            .btn_type01 p.type08 span {
                display: block;
                padding: 10px 15px 10px 35px;
                border-radius: 5px;
                background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/icon/icon_buy05.png) no-repeat 13px center;
                background-color: #3898d3;
                background-size: 18px;
                color: #fff !important;
                font-size: 14px;
                behavior: url(PIE.htc)
            }

    .btn_type02 {
        display: inline-block
    }

    .btn_type02 {
        position: relative;
        display: inline-block
    }

        .btn_type02 p {
            text-align: center
        }

            .btn_type02 p.type01 span {
                display: block;
                padding: 10px 8px;
                border-radius: 5px;
                background: #4e545a;
                color: #fff;
                font-size: 14px
            }

            .btn_type02 p.type02 span {
                display: block;
                padding: 5px 10px;
                border-radius: 5px;
                ;
                background: #4e545a;
                color: #fff;
                font-size: 10px
            }

            .btn_type02 p.type03 span {
                display: block;
                padding: 5px 10px;
                border-radius: 5px;
                ;
                background: #4e545a;
                color: #fff;
                font-size: 10px
            }

        .btn_type02.btn_sns {
            position: relative;
        }
            /* width:96px */
            .btn_type02.btn_sns.on .btn_type02 span {
                border-radius: 5px 5px 0 0;
                behavior: url(PIE.htc)
            }

            .btn_type02.btn_sns a {
                margin: 0 !important
            }

            .btn_type02.btn_sns p.list {
                position: absolute;
                top: 39px;
                left: 0;
                display: inline-block;
                width: 100%;
                height: 0;
                border-radius: 0 0 5px 5px;
                background: #4e545a;
                overflow: hidden;
                z-index: 10;
                behavior: url(PIE.htc)
            }

                .btn_type02.btn_sns p.list a {
                    display: block;
                    width: 100%;
                    padding: 19px 0;
                    border-top: 1px solid #fff;
                    font-size: 0
                }

    .btn_type02 {
        display: inline-block
    }

    .btn_type03 {
        position: relative;
        display: inline-block
    }

        .btn_type03 p {
            text-align: center
        }

            .btn_type03 p.type01 span {
                display: block;
                padding: 10px 8px;
                border-radius: 5px;
                background: #bfc6cd;
                color: #fff;
                font-size: 14px
            }

            .btn_type03 p.type02 span {
                display: block;
                padding: 5px 10px;
                border-radius: 5px;
                ;
                background: #bfc6cd;
                color: #fff;
                font-size: 10px
            }

            .btn_type03 p.type03 span {
                display: block;
                padding: 5px;
                border-radius: 5px;
                ;
                background: #bfc6cd;
                color: #fff;
                font-size: 10px
            }

            .btn_type03 p.type04 span {
                display: block;
                padding: 10px 21px;
                border-radius: 5px;
                ;
                background: #bfc6cd;
                color: #fff;
                font-size: 12px
            }

    .btn_type04 {
        display: block;
        padding: 2px;
        border-radius: 5px;
        background: #bfc6cd;
        color: #fff;
        font-size: 11px
    }

    .btn_type04 {
        position: relative;
        display: inline-block
    }

        .btn_type04 a {
            color: #fff
        }

    .paging {
        margin: 0 auto 150px
    }

        .paging ul li {
            float: left;
            margin: 0 5px 0 0;
            font-size: 16px;
            text-align: center
        }

            .paging ul li.left {
                margin-right: 15px
            }

            .paging ul li.right {
                margin-left: 15px
            }

            .paging ul li.R_right {
                margin: 0
            }

                .paging ul li.L_left a, .paging ul li.left a, .paging ul li.right a, .paging ul li.R_right a {
                    padding: 0
                }

            .paging ul li a {
                display: block;
                width: 30px;
                height: 25px;
                padding: 5px 0 0 0;
                color: #ccd5de
            }

            .paging ul li.on a {
                background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bg/bg_paging.png) no-repeat;
                color: #fff
            }

    .paging_m2 {
        margin: 0 auto 65px
    }

        .paging_m2 ul li {
            float: left;
            margin: 0 3px 0 0;
            font-size: 14px;
            text-align: center
        }

            .paging_m2 ul li.left {
                margin-right: 15px
            }

                .paging_m2 ul li.left a {
                    padding: 0
                }

            .paging_m2 ul li.right {
                margin-left: 15px
            }

                .paging_m2 ul li.right a {
                    padding: 0
                }

            .paging_m2 ul li.R_right {
                margin: 0
            }

            .paging_m2 ul li.L_left a, .paging ul li.left a, .paging ul li.right a, .paging ul li.R_right a {
                padding: 0
            }

            .paging_m2 ul li a {
                display: block;
                width: 30px;
                height: 25px;
                padding: 5px 0 0 0;
                color: #ccd5de
            }

            .paging_m2 ul li.on a {
                background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bg/bg_paging.png) no-repeat;
                color: #fff
            }

    .paging_m {
        text-align: center
    }

        .paging_m a {
            display: inline-block;
            margin: 0 0 50px;
            padding: 10px 0 10px 50px;
            background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/icon/icon_morevideo.png) no-repeat 0 center;
            color: #999;
            font-size: 16px
        }

    span.bull_star01 {
        padding: 0 0 0 10px;
        color: #777;
        text-align: center;
        font-size: 14px; /*background:url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bull/bull_dot02.png) no-repeat 0 4px;*/
    }
    /*  */
    span.bull_star02 {
        padding: 0 0 0 10px;
        color: #777;
        text-align: center;
        font-size: 14px
    }
        /* background:url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bull/bull_dot02.png) no-repeat 0 4px;*/
        span.bull_star02 img {
            position: relative;
            vertical-align: top;
            top: 6px;
        }

    span.point {
        display: block;
        padding: 0 0 0 20px;
        background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/icon/icon_point.png) no-repeat 0 0;
        color: #777
    }

    span.prepared {
        float: left;
        color: #999;
    }

    span.name {
        float: left;
        margin-right: 15px;
        padding: 0 0 0 5px;
        color: #999;
    }

    span.day {
        padding: 0 0 0 17px;
        margin-right: 15px;
        background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/icon/icon_day.png) no-repeat 0 center;
        color: #999;
        font-size: 10px
    }

    span.comment {
        float: right;
        margin: 0 0 0 15px;
        padding: 0 0 0 17px;
        background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/icon/icon_comment.png) no-repeat 0 center;
        color: #999;
        font-size: 10px
    }

    span.view {
        float: right;
        padding: 0 0 0 17px;
        background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/icon/icon_view.png) no-repeat 0 center;
        color: #999;
        font-size: 10px
    }

    table.type01 {
        width: 100%;
        margin: 50px 0 15px;
        border-top: 1px solid #a6a9ac;
        border-bottom: 1px solid #a6a9ac;
        font-size: 14px;
        text-align: center
    }

        table.type01 caption {
            font-size: 0;
            text-indent: -9999px
        }

        table.type01 th, table.type01 td {
            padding: 5px;
            border-right: 1px solid #d5d6d8;
            font: 300 12px "Open Sans"
        }

        table.type01 td {
            border-top: 1px solid #d5d6d8;
            border-right: 1px solid #d5d6d8;
            background: #fff;
            color: #666
        }

        table.type01 th {
            background: #f7f7f7
        }

        table.type01 .n_bt {
            border-top: 0
        }

        table.type01 .n_bl {
            border-left: 0
        }

        table.type01 .n_br {
            border-right: 0
        }

        table.type01 .n_bb {
            border-bottom: 0
        }

        table.type01 .b_bt {
            border-top: 1px solid #d5d6d8
        }

        table.type01 .b_bl {
            border-left: 1px solid #d5d6d8
        }

        table.type01 .b_br {
            border-right: 1px solid #d5d6d8
        }

        table.type01 .b_bb {
            border-bottom: 1px solid #d5d6d8
        }

        table.type01 .left {
            text-align: left
        }

        table.type01 .center {
            text-align: center
        }

        table.type01 .right {
            text-align: right
        }

    /*공통 추가*/
    .f_bold {
        font-weight: bold;
    }

    .f_color {
        color: #7296ba
    }

    /* 상단 팝업영역 */
    .top_notice {
        background: #3e3f41;
        height: auto;
        width: 100%;
        color: #eee;
        overflow: hidden;
        position: relative;
    }

        .top_notice .close {
            position: absolute;
            top: 10px;
            right: 10px;
        }

        .top_notice .nation_tit {
            width: 80%;
            margin: 0 auto;
            text-align: center;
            font-size: 12px;
            margin-top: 40px;
            line-height: 1.4;
        }

        .top_notice .nation_sel {
            width: 100%;
            font-size: 14px;
            margin-top: 20px;
            overflow: hidden
        }

            .top_notice .nation_sel .link {
                width: 180px;
                margin: 0 auto;
                height: 48px;
                line-height: 48px;
                font-size: 12px;
            }

            .top_notice .nation_sel .nation {
                margin-bottom: 20px;
            }

    /* 상단 해더영역 */
    .header {
        min-width: 320px;
        width: 100%;
        height: 50px;
        background: #212223;
        z-index: 100;
        position: relative;
    }

        .header .logo {
            width: 18%;
            margin: 0 auto;
            text-align: center;
            line-height: 50px;
        }

            .header .logo img {
                width: 100%;
                padding-top: 20px
            }

        .header a.m_gnb {
            display: block;
            position: absolute;
            top: 0;
            left: 0px;
            width: 50px;
            height: 50px;
            border-right: 1px solid #353638
        }

            .header a.m_gnb img {
                width: 100%
            }

            .header a.m_gnb.on {
                height: 49px;
                left: 0px;
                border-bottom: 2px solid #ee3425
            }

        .header .gnb_m {
            position: absolute;
            top: 50px;
            left: -310px;
            float: left;
            width: 200px;
            height: 852px;
            background: #212223;
            text-transform: uppercase;
        }

            .header .gnb_m ul.signin {
                background: #18181a;
            }

                .header .gnb_m ul.signin a {
                    color: #fff;
                }

            .header .gnb_m ul li {
                width: 100%;
                border-bottom: 1px solid #353638;
                font-size: 16px;
                text-align: center
            }

                .header .gnb_m ul li a {
                    display: block;
                    height: 35px;
                    padding: 8px 0 7px 0;
                    color: #adadad;
                    line-height: 35px;
                }

                    .header .gnb_m ul li a.point {
                        color: #ee3124
                    }

        .header .btn_signin {
            width: 50px;
            height: 49px;
            background: #000;
            text-align: center;
            border-bottom: 1px solid #ee3425;
        }

            .header .btn_signin a {
                display: block;
                height: 49px;
                background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/icon/icon_signin.png) center center no-repeat;
                background-size: 14px;
            }

                .header .btn_signin a.on {
                    background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/icon/icon_signout.png) center center no-repeat;
                    background-size: 14px;
                }

        .header .login_ing {
            display: none;
            position: absolute;
            right: 0;
            top: 50px;
        }

            .header .login_ing ul li {
                background: #000;
            }

                .header .login_ing ul li a {
                    display: block;
                    width: 120px;
                    border-bottom: 1px solid #353638;
                    padding: 10px 0;
                    color: #d1d1d1;
                    font-size: 12px;
                    text-align: center;
                }

        .header .header_btn {
            position: absolute;
            right: 0;
            top: 0
        }

            .header .header_btn > div {
                float: left;
                border-left: 1px solid #353638;
            }

        .header .language ul li {
            background: #000;
            text-align: center;
        }

            .header .language ul li a {
                border-bottom: 1px solid #353638;
                height: 50px;
                line-height: 1.6;
                display: block;
                color: #d1d1d1;
                font-size: 14px;
                padding: 0 10%
            }

        .header .language .lang_now {
            position: relative;
            width: 50px;
            height: 50px;
        }

            .header .language .lang_now li {
                display: none;
                width: 50px;
                height: 50px;
                position: absolute;
                left: 0;
                top: 0;
            }

                .header .language .lang_now li.now {
                    display: block;
                }

                    .header .language .lang_now li.now a {
                        border-bottom: 1px solid #ee3425;
                        height: 49px;
                        line-height: 50px;
                    }

        .header .language .lang_link {
            position: absolute;
            right: 0;
            top: 50px;
        }

            .header .language .lang_link li.on {
                display: none;
            }

            .header .language .lang_link li {
                display: block;
                width: 120px;
            }

    /*JP최상단 탑배너*/
    .top_popup_wrap {
        width: 100%;
        height: auto;
        color: #fff;
        background: #3898d4;
        text-align: center;
        font-size: 11px;
        display: none;
    }

        .top_popup_wrap .top_popup {
            display: block;
            width: 60%;
            height: 100%;
            margin: 0 auto;
            line-height: 1.8;
            padding: 12px 0px;
            box-sizing: border-box;
        }

        .top_popup_wrap .top_popup_close {
            position: absolute;
            top: 20px;
            right: 20px;
        }

    /* 메인 */
    .wrap {
        width: 100%;
        min-width: 320px;
        overflow: hidden
    }

    .main_content1 .swiper-container {
        width: 100%;
    }

        .main_content1 .swiper-container h1 {
            position: absolute;
            top: 15%;
            padding: 0 15%;
            width: 70%;
            text-align: center;
            font-size: 32px;
            line-height: 1;
            text-transform: uppercase;
            font-weight: 600;
            color: #fff;
        }

        .main_content1 .swiper-container p {
            position: absolute;
            top: 40%;
            padding: 0;
            width: 100%;
            text-align: center;
            font-size: 20px;
            color: #fff;
        }

        .main_content1 .swiper-container .btn_more {
            position: absolute;
            top: 70%;
            width: 100%;
        }

            .main_content1 .swiper-container .btn_more a {
                display: block;
                margin: 0 auto;
                width: 140px;
                text-align: center;
                line-height: 40px;
                font-size: 14px;
                text-transform: uppercase;
                font-weight: 500;
                color: #fff;
                background: #3898d4;
                border-radius: 4px;
            }

    .main_content1 .swiper-pagination-bullet {
/*
        width: 14px;
        height: 14px;
*/
        width: 17px;
        height: 17px;
    }

    .main_content1 .swiper-container .m1h1 {
        top: 33%
    }

    .main_content1 .swiper-container .m1p {
        top: 18%
    }

    .main_content1 .swiper-container .m2h1 {
        top: 29%
    }

    .main_content1 .swiper-container .m2p {
        top: 45%
    }

    .main_content1 .swiper-container .m3h1 {
        top: 14%
    }

    .main_content1 .swiper-container .m3p {
        top: 30%
    }

    .main_content1 .swiper-container .m4p {
        top: 26%
    }

    /* 20200716 모바일 배너 버튼 위치 수정 */
    .main_content1 .swiper-container .btn_more1 {
        top: 42%
    }

    .main_content1 .swiper-container .btn_more2 {
        top: 61%
    }

    .main_content1 .swiper-container .btn_more3 {
        top: 50%
    }

    .main_content1 .gallery-cell {
        width: 100%;
        height: 383px;
    }

        .main_content1 .gallery-cell.visual_1 {
            background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/content/main/main_visual_01.jpg) center 0 no-repeat;
            background-size: cover;
        }

        .main_content1 .gallery-cell h1 {
            margin: 0 auto;
            width: 80%;
            text-align: center;
            font-size: 29px;
            line-height: 31px;
            text-transform: uppercase;
            font-weight: 600;
            color: #fff;
        }

        .main_content1 .gallery-cell p {
            margin: 0 auto;
            width: 80%;
            padding-top: 75px;
            text-align: center;
            font-size: 17px;
            color: #fff;
        }

        .main_content1 .gallery-cell .btn_more {
            padding-top: 24px;
        }

            .main_content1 .gallery-cell .btn_more a {
                display: block;
                margin: 0 auto;
                width: 97px;
                text-align: center;
                line-height: 30px;
                font-size: 12px;
                text-transform: uppercase;
                font-weight: 500;
                color: #fff;
                background: #3898d4;
                border-radius: 4px;
            }

    .main_content1 .flickity-prev-next-button {
        display: none;
    }

    .main_content1 .flickity-page-dots {
        bottom: 25px;
    }

        .main_content1 .flickity-page-dots .dot {
            width: 8px;
            height: 8px;
            margin: 0 4px;
        }

    .main_content2 {
        margin: 0 auto;
        width: 90%;
    }

        .main_content2 li {
            float: left;
            padding: 29px 0 18px;
/*            width: 32%;*/
            width: 48%;
            text-align: center;
        }

            .main_content2 li.vertical {
                width: 1%;
            }

            .main_content2 li a {
                font-size: 14px;
                color: #333333;
            }

                .main_content2 li a .img {
                    height: 40px;
                }

                    .main_content2 li a .img img {
                        height: 30px;
                    }

    .main_content3 {
        width: 100%;
        padding: 30px 0 0 0;
        background: #f9fafa;
    }

        .main_content3 ul {
            padding-left: 0;
            margin: 0 auto;
            width: 90%;
            max-width: 560px;
        }

        .main_content3 li {
            float: none;
            width: 100%;
            margin-bottom: 30px;
        }

            .main_content3 li a {
                display: block;
                width: 100%;
            }

        .main_content3 img {
            width: 100%;
        }

        .main_content3 dl {
            margin: 0 auto;
            padding: 18px 0 19px;
            width: 100%;
            background: #b8c0c8;
            text-align: center;
        }

        .main_content3 dt {
            padding-bottom: 11px;
            font-size: 17px;
            color: #fff;
            line-height: 17px;
            text-transform: uppercase;
            font-weight: 300;
        }

        .main_content3 dd {
            font-size: 12px;
            color: #fff;
            line-height: 14px;
        }

    #main_content1 {
        position: relative;
        width: 100%;
        font-size: 0
    }

        #main_content1 .movie_area {
            position: relative;
            padding-bottom: 56.25%;
            padding-top: 0px;
            height: 0;
            overflow: hidden;
        }

            #main_content1 .movie_area iframe, #main_content1 .movie_area object, #main_content1 .movie_area embed {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
            }

            #main_content1 .movie_area > img {
                width: 100%
            }

        #main_content1 .textarea {
            position: absolute;
            top: 40%;
            width: 100%;
            margin-top: -35px;
        }
            /* position:absolute;top:110px;width:100%;*/
            #main_content1 .textarea .text {
                width: 100%;
                color: #fff;
                text-align: center
            }

                #main_content1 .textarea .text h2 {
                    padding: 0 1%;
                    font-size: 17px;
                    font-weight: bold
                }

                    #main_content1 .textarea .text h2 img {
                        width: 100%
                    }

                #main_content1 .textarea .text p {
                    margin: 8px 0 0 0;
                    padding: 0 6.2%;
                    font-size: 11px
                }

            #main_content1 .textarea .btn_play {
                width: 100%;
                margin: 7px 0 0 0;
                text-align: center
            }

                #main_content1 .textarea .btn_play img {
                    width: 12.7%
                }

                #main_content1 .textarea .btn_play p {
                    margin: 11px 0 0 0;
                    color: #fff;
                    font-size: 16px;
                    font-weight: bold
                }

        #main_content1 .bottom {
            position: absolute;
            bottom: -180px;
            width: 100%
        }

            #main_content1 .bottom .left {
                position: relative;
                width: 100%;
                height: 90px;
                background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bg/bg_main01_m_l.png) no-repeat 0 0;
                background-size: 100% 100%;
                color: #fff;
                text-align: left
            }

                #main_content1 .bottom .left strong {
                    position: absolute;
                    top: 10.2%;
                    left: 5%;
                    width: 100%;
                    font-size: 16px
                }

                #main_content1 .bottom .left span {
                    position: absolute;
                    top: 40.9%;
                    left: 5%;
                    width: 60%;
                    font-size: 12px;
                    white-space: nowrap;
                    text-overflow: ellipsis;
                    overflow: hidden;
                }

                    #main_content1 .bottom .left span a:hover {
                        text-decoration: underline;
                    }

                #main_content1 .bottom .left .btn_news {
                    position: absolute;
                    top: 74%;
                    left: 70%;
                    width: 24%;
                    font-size: 14px
                }

                #main_content1 .bottom .left .bod {
                    position: absolute;
                    top: 32%;
                    left: 5%;
                    width: 87%;
                    font-size: 12px;
                    border-top: 1px solid;
                }

            #main_content1 .bottom .right {
                position: relative;
                width: 100%;
                height: 90px;
                background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bg/bg_main01_m_r.png) no-repeat 0 0;
                background-size: 100% 100%;
                text-align: center
            }

                #main_content1 .bottom .right img {
                    position: absolute;
                    left: 10px;
                    bottom: 30px;
                    width: 90px
                }

                #main_content1 .bottom .right > span {
                }

                    #main_content1 .bottom .right > span span {
                        font-size: 11px;
                        font-weight: normal;
                        position: absolute;
                        top: 6px;
                        right: 3.8%;
                        width: 53%;
                        padding: 0 25px 0 0;
                        background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/btn/btn_right01.png) no-repeat right center;
                        color: #fff;
                        text-align: left
                    }

                        #main_content1 .bottom .right > span span span {
                            background: none;
                        }

                    #main_content1 .bottom .right > span strong {
                        font-size: 16px
                    }

    #main_content2 {
        width: 88%;
        padding: 0 6%;
        margin-top: 180px;
    }

        #main_content2 > .textarea {
            width: 100%;
            padding: 80px 0 0 0;
            text-align: center
        }

            #main_content2 > .textarea h2 {
                font-size: 32px;
                line-height: 34px
            }

            #main_content2 > .textarea p {
                margin: 10px 10px 10px 0;
                font-size: 12px
            }

        #main_content2 > .btn_area {
            margin: 30px 0 0 -55px;
            padding: 0 0 0 50%
        }

        #main_content2 .content {
            width: 100%;
            padding: 60px 0 0 0
        }

            #main_content2 .content ul li {
                width: 100%;
                margin: 0 0 40px 0
            }

                #main_content2 .content ul li .img {
                    font-size: 0
                }

                    #main_content2 .content ul li .img img {
                        width: 100%
                    }

                #main_content2 .content ul li .textarea {
                    background: #b8c0c8;
                    color: #fff;
                    text-align: center;
                    height: auto;
                }

                    #main_content2 .content ul li .textarea h3 {
                        padding: 20px 20px 0;
                        font-size: 24px;
                        line-height: 26px
                    }

                    #main_content2 .content ul li .textarea p {
                        padding: 20px 20px;
                        font-size: 12px;
                    }

    #main_content3 .perfor_area {
        position: relative;
        font-size: 0
    }

        #main_content3 .perfor_area > img {
            width: 100%
        }

        #main_content3 .perfor_area .perfor {
            position: absolute;
            left: 0%;
            top: 75%;
            width: 87.4%;
            padding: 0 6.2%;
            color: #fff;
            font-size: 12px;
            text-align: center
        }

            #main_content3 .perfor_area .perfor > h4 {
                font-size: 32px;
                line-height: 32px
            }

            #main_content3 .perfor_area .perfor .icon {
                width: 100%;
                margin: 20px 0 0 8%
            }

                #main_content3 .perfor_area .perfor .icon ul li {
                    float: left;
                    width: 16.5%;
                    font-size: 12px
                }

                    #main_content3 .perfor_area .perfor .icon ul li img {
                        width: 67.3%;
                        margin: 0 0 1% 0
                    }

                    #main_content3 .perfor_area .perfor .icon ul li p {
                        display: none
                    }

    #main_content3 .content {
        position: relative;
        width: 100%;
        margin: 0 0 20px 0
    }

        #main_content3 .content .list a.btn_left {
            position: absolute;
            top: 0;
            left: 5px;
            display: block
        }

        #main_content3 .content .list a.btn_right {
            position: absolute;
            top: 0;
            right: 5px;
            display: block
        }

        #main_content3 .content .list {
            width: 100%;
            overflow: hidden
        }

            #main_content3 .content .list ul li {
                float: left;
                width: 47%;
                margin: 0 1.3% 80px;
                text-align: center;
                max-height: 250px;
            }

                #main_content3 .content .list ul li img {
                    width: 100%
                }

                #main_content3 .content .list ul li > h5 {
                    margin: 21px 0 10px 0;
                    font-size: 24px
                }

                #main_content3 .content .list ul li > p {
                    margin: 0 0 27px 0;
                    color: #777;
                    font-size: 12px;
                    max-height: 60px;
                }

    #main_content4 .community {
        position: relative;
        width: 100%;
        height: 460px
    }

        #main_content4 .community img {
            position: absolute;
            left: -560px
        }

        #main_content4 .community .textarea {
            position: absolute;
            top: 0%;
            width: 100%;
            height: 100%;
            color: #fff;
            text-align: center
        }

            #main_content4 .community .textarea h4 {
                position: absolute;
                top: 26%;
                width: 100%;
                font-size: 32px
            }

            #main_content4 .community .textarea > p {
                position: absolute;
                top: 43%;
                width: 88%;
                padding: 0 6%;
                font-size: 12px
            }

            #main_content4 .community .textarea .btn_area {
                position: absolute;
                top: 66.1%;
                width: 100%
            }

    #main_content4 .content {
        width: 100%
    }

        #main_content4 .content div.best {
            margin: 80px 0 0 0
        }

        #main_content4 .content div.new {
            margin: 20px 0 30px 0
        }

        #main_content4 .content div .title {
            width: 100%;
            margin: 0 0 40px 0;
            text-align: center
        }

            #main_content4 .content div .title h4 {
                display: inline-block;
                color: #609dc3;
                border-bottom: 2px solid #609dc3;
                font-size: 30px
            }

        #main_content4 .content div .list {
            position: relative
        }

            #main_content4 .content div .list a.btn_left {
                position: absolute;
                top: 0;
                left: 5px;
                display: block
            }

            #main_content4 .content div .list a.btn_right {
                position: absolute;
                top: 0;
                right: 5px;
                display: block
            }

            #main_content4 .content div .list ul li {
                float: left;
                width: 93.8%;
                margin: 0 3.1% 40px
            }

                #main_content4 .content div .list ul li img {
                    float: left;
                    width: 60%
                }

                #main_content4 .content div .list ul li .text_area {
                    float: right;
                    width: 35%
                }

                    #main_content4 .content div .list ul li .text_area h5 {
                        margin: 0 0 11px 0;
                        font-size: 24px
                    }

                    #main_content4 .content div .list ul li .text_area > p {
                        margin: 0 0 9px 0;
                        color: #777;
                        font-size: 12px
                    }

                    #main_content4 .content div .list ul li .text_area > span.name {
                        margin: 15px 0 0 35px;
                    }

                    #main_content4 .content div .list ul li .text_area span.view {
                        float: none;
                        left;
                        background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/icon/icon_view.png) no-repeat left center;
                        color: #aaa;
                        font-size: 11px
                    }

                    #main_content4 .content div .list ul li .text_area .marT30 {
                        margin-top: 10px;
                    }

                    #main_content4 .content div .list ul li .text_area .info {
                        margin-bottom: 20px;
                    }

    #main_content5 {
        width: 100%;
        height: 7.3%;
        color: #fff;
    }

        #main_content5 > .left {
            width: 100%;
            background: #505052
        }

            #main_content5 > .left .text_area {
                padding: 80px 0 30px 0;
                text-align: center
            }

                #main_content5 > .left .text_area h4 {
                    ;
                    padding: 0 6%;
                    font-size: 24px;
                    line-height: 26px
                }

                #main_content5 > .left .text_area > div {
                    display: inline-block;
                    padding: 0 5% 0 10%
                }
                    /* [0414_수정]padding:0 6% */
                    #main_content5 > .left .text_area > div p {
                        float: left;
                        width: 80%;
                        margin: 20px 0 15px 0;
                        font-size: 14px
                    }

                    #main_content5 > .left .text_area > div .checkbox {
                        float: right;
                        margin: 28px 0 0 15px
                    }

            #main_content5 > .left .infor {
                width: 87.8%;
                padding: 0 6.2%
            }

                #main_content5 > .left .infor input[type="text"] {
                    width: 50%;
                    height: 25px;
                    padding: 0 0 0 10px;
                    border: none;
                    background: none;
                    color: #fff;
                    font-size: 14px
                }

                #main_content5 > .left .infor > div {
                    float: left;
                    width: 100%;
                    margin: 10px 0;
                    border-bottom: 2px solid #818184
                }

                #main_content5 > .left .infor div.name {
                    width: 100%
                }

                #main_content5 > .left .infor div.email {
                    width: 100%
                }

                #main_content5 > .left .infor div.country {
                    width: 100%;
                    border: 0;
                    padding: 0
                }

                    #main_content5 > .left .infor div.country fieldset {
                        width: 100%
                    }

                    #main_content5 > .left .infor div.country .videos_select {
                        width: 100%;
                        background: none
                    }

                    #main_content5 > .left .infor div.country .my_value {
                        padding: 5px 10px 5px 0;
                        border-bottom: 2px solid #818184;
                        font-size: 14px;
                        text-indent: inherit
                    }

                    #main_content5 > .left .infor div.country .arrow {
                        border-top: 5px solid #a4a4a8;
                        border-left: 5px solid #505052;
                        border-right: 5px solid #505052
                    }

                    #main_content5 > .left .infor div.country .content {
                        height: 0;
                        top: 32px;
                        background: #818184;
                        z-index: 10
                    }

                        #main_content5 > .left .infor div.country .content .input input {
                            width: 98%;
                            border: 1px solid #e4e4e4;
                            background: #fff
                        }

                        #main_content5 > .left .infor div.country .content .jspTrack {
                            background: #747477;
                            height: 189px
                        }

                        #main_content5 > .left .infor div.country .content .jspDrag {
                            background: #949496;
                            height: 9px
                        }

                #main_content5 > .left .infor div label {
                    color: #a4a4a8;
                    font-size: 14px
                }

            #main_content5 > .left .btn_area {
                width: 100%;
                padding: 40px 0 80px 0;
                text-align: center
            }

        #main_content5 > .right {
            width: 100%;
            height: 400px !important;
            background: #38383a;
            text-align: center
        }

            #main_content5 > .right h4 {
                padding: 80px 0 30px 0;
                font-size: 30px
            }

            #main_content5 > .right > p {
                padding: 0 6%;
                font-size: 14px
            }

            #main_content5 > .right img {
                margin: 35px 0 40px 0
            }

            #main_content5 > .right .btn_area {
                margin: 4px 0 80px 0
            }

    #main_content6 {
        position: relative;
        width: 100%;
        height: 500px;
        font-size: 0
    }

        #main_content6 img {
            position: absolute;
            left: -1000px
        }

        #main_content6 .text_area {
            position: absolute;
            top: 39.1%;
            width: 100%;
            color: #fff;
            text-align: center
        }

            #main_content6 .text_area h4 {
                padding: 0 6%;
                font-size: 32px;
                line-height: 40px
            }

    #main_content7 {
        position: relative;
        width: 100%;
    }

        #main_content7 .imgarea4 .textarea h4.title {
            padding: 30px 0 0 0;
            background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bull/bull_title01.jpg) no-repeat center 0;
            font-size: 25px
        }

        #main_content7 .imgarea4 .textarea h5 {
            margin: 50px 0;
            font-size: 24px
        }

        #main_content7 .imgarea4 .textarea .check_list {
            text-align: left;
            padding: 35px 0;
            width: 45%;
            margin: 0 auto
        }

            #main_content7 .imgarea4 .textarea .check_list li {
                float: left;
                width: 100%;
                margin: 5px 0;
                padding: 0 0 0 30px;
                background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bull/bull_check01.png) no-repeat 0 center;
                background-size: 15px;
                font-size: 15px;
                color: #666
            }

        #main_content7 .imgarea4 .textarea .btn_area {
            margin: 20px 0 80px 0
        }

        #main_content7 .content2_bg {
            background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bg/bg_dashcam.jpg) no-repeat #f8f8f2;
            background-size: 100%
        }

        #main_content7 .imgarea4 .imgarea {
            font-size: 0;
            overflow: hidden;
            text-align: center
        }

            #main_content7 .imgarea4 .imgarea img {
                width: 100%
            }

        #main_content7 .imgarea4 .textarea {
            height: 100%;
            text-align: center
        }

    /* WHY GET A DASHCAM? css */
    .dashcam > .imgarea {
        position: relative;
        height: 290px;
        background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bg/bg_whygetadashcan_header_m_new.jpg) center 0 no-repeat;
        background-size: cover;
    }

        .dashcam > .imgarea img {
            position: absolute;
            bottom: 0;
            width: 100%
        }

        .dashcam > .imgarea .text {
            padding-top: 120px;
            width: 100%;
            color: #fff;
            text-align: center
        }

            .dashcam > .imgarea .text h4 {
                font-size: 26px;
                line-height: 36px;
                text-transform: uppercase;
            }

            .dashcam > .imgarea .text p {
                padding: 0 40px;
                margin: 10px 0 0 0;
                font-size: 14px
            }

    .dashcam .content {
        width: 88%;
        margin: 40px auto 0;
        padding: 0 6%
    }

        .dashcam .content .title {
            width: 100%;
            padding: 30px 0 0 0;
            background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bull/bull_title01.jpg) no-repeat center 0;
            font-size: 25px;
            text-align: center;
            line-height: 28px
        }

        .dashcam .content .imgarea {
            font-size: 0;
            width: 100%;
        }

            .dashcam .content .imgarea img {
                width: 100%;
            }

        .dashcam .content .movearea {
            font-size: 0;
            width: 100%;
        }

            .dashcam .content .movearea img {
                width: 100%;
            }

        .dashcam .content .right {
            margin: 40px 0 0 0
        }

            .dashcam .content .right .movearea {
                width: 100%
            }

                .dashcam .content .right .movearea img {
                    width: 100%
                }

            .dashcam .content .right .textarea {
                width: 100%;
                margin: 0 0 0 0
            }

        .dashcam .content .movearea {
            position: relative;
        }

            .dashcam .content .movearea .btn_play2 {
                position: absolute;
                top: 40%;
                width: 100%;
                text-align: center
            }

                .dashcam .content .movearea .btn_play2 img {
                    width: 12.7%
                }

        .dashcam .content .textarea h5 {
            padding: 20px 0;
            background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bull/bull_title02.jpg) no-repeat center 0;
            font-size: 16px;
            text-align: center
        }

        .dashcam .content .textarea p {
            margin: 15px 0 0 0;
            font-size: 14px;
            text-align: center;
        }

        .dashcam .content .left {
            margin: 40px 0 0 0
        }

            .dashcam .content .left .imgarea {
                float: left;
                width: 100%
            }

                .dashcam .content .left .imgarea img {
                    width: 100%
                }

            .dashcam .content .left .textarea {
                float: right;
                width: 100%;
                margin: 0 0 0 0;
                text-align: center;
            }

    .dashcam .imgarea2 {
        margin: 150px 0 0 0
    }

        .dashcam .imgarea2 .imgarea {
            float: left;
            width: 100%;
            font-size: 0;
            background: #eff0f0;
            overflow: hidden
        }

            .dashcam .imgarea2 .imgarea img {
                width: 100%
            }

        .dashcam .imgarea2 .textarea {
            float: right;
            width: 100%;
            background: #eff0f0;
            text-align: center
        }

            .dashcam .imgarea2 .textarea h4.title {
                margin: 60px 0 0 0;
                padding: 30px 0 0 0;
                background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bull/bull_title01.jpg) no-repeat center 0;
                font-size: 25px
            }

                .dashcam .imgarea2 .textarea h4.title.subtit_font {
                    font-size: 20px
                }

            .dashcam .imgarea2 .textarea h5 {
                margin: 25px 0;
                font-size: 18px
            }

            .dashcam .imgarea2 .textarea p {
                padding: 0 6% 60px;
                font-size: 14px;
            }

    .dashcam .content2_bg {
        background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bg/bg_dashcam_p.jpg)no-repeat #f8f8f2;
        background-size: 100%
    }

    .dashcam .content2 {
        margin: 0 auto;
        padding: 100px 4% 60px 4%;
    }

        .dashcam .content2 h4.title {
            margin: 0 auto;
            padding: 30px 0 0 0;
            background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bull/bull_title01.jpg) no-repeat center 0;
            font-size: 50px;
            text-align: center;
            line-height: 50px;
            letter-spacing: -0.5px
        }

            .dashcam .content2 h4.title.subtit_font {
                font-size: 38px
            }

        .dashcam .content2 > ul {
            margin: 80px 0 0 0;
            position: relative;
        }

            .dashcam .content2 > ul li {
                margin: 45px 0 0 0
            }

                .dashcam .content2 > ul li.farst {
                    margin: 0
                }

                .dashcam .content2 > ul li .imgarea {
                    position: absolute;
                    left: 0;
                    top: 0;
                    width: 60px;
                    margin: 0 50px 0 0
                }

                    .dashcam .content2 > ul li .imgarea.on img {
                        padding: 10px;
                        background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/content/dashcam/bg_whyget_on_m.png) no-repeat 50% 60%;
                    }

                    .dashcam .content2 > ul li .imgarea img {
                        padding: 10px;
                    }

                .dashcam .content2 > ul li.icon_howdashcam2 .imgarea {
                    left: 21%;
                }

                .dashcam .content2 > ul li.icon_howdashcam3 .imgarea {
                    left: 42%;
                }

                .dashcam .content2 > ul li.icon_howdashcam4 .imgarea {
                    left: 63%;
                }

                .dashcam .content2 > ul li.icon_howdashcam5 .imgarea {
                    left: 84%;
                }

                .dashcam .content2 > ul li .imgarea img {
                    width: 100%
                }

                .dashcam .content2 > ul li .textarea {
                    width: 90%;
                    padding: 5%;
                    position: relative;
                    left: 0;
                    top: 90px;
                    display: none;
                    border-top: 1px solid #afb9c2;
                    border-bottom: 1px solid #afb9c2;
                }

                    .dashcam .content2 > ul li .textarea.on {
                        display: block;
                    }

                .dashcam .content2 > ul li .imgarea {
                    float: left;
                }

                .dashcam .content2 > ul li .textarea {
                }

                    .dashcam .content2 > ul li .textarea h5 {
                        font-size: 20px
                    }

                    .dashcam .content2 > ul li .textarea > p {
                        margin: 20px 0 0 0;
                        color: #777;
                        font-size: 14px
                    }

                    .dashcam .content2 > ul li .textarea > ul > li {
                        margin: 30px 0 0 0
                    }

                        .dashcam .content2 > ul li .textarea > ul > li h6 {
                            margin: 0;
                            padding: 0 0 0 10px;
                            background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bull/bull_dot01.png) no-repeat 0 center;
                            font-size: 16px
                        }

                        .dashcam .content2 > ul li .textarea > ul > li p {
                            padding: 0 0 0 10px;
                            color: #777;
                            font-size: 14px
                        }

                        .dashcam .content2 > ul li .textarea > ul > li .bull_star01 {
                            margin: 0 0 0 10px;
                        }

                .dashcam .content2 > ul li.icon_howdashcam5 .textarea {
                    padding-bottom: 40px;
                }

    .dashcam .imgarea3 {
        position: relative;
        height: 700px;
        background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bg/bg_dashcam03_m_1.jpg);
        font-size: 0
    }

        .dashcam .imgarea3 img {
            position: absolute;
            bottom: 6%;
            width: 100%
        }

        .dashcam .imgarea3 .textarea {
            position: absolute;
            top: 50px;
            width: 100%;
            text-align: center
        }

            .dashcam .imgarea3 .textarea h4 {
                padding: 0 6%;
                font-size: 25px
            }

            .dashcam .imgarea3 .textarea > p {
                margin: 10px 0 0 0;
                padding: 0 6%;
                font-size: 14px;
            }

            .dashcam .imgarea3 .textarea .btn_area {
                margin: 40px 0 0 0
            }

    .dashcam .imgarea4 .textarea h4.title {
        margin: 0 0 0 0;
        padding: 30px 0 0 0;
        background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bull/bull_title01.jpg) no-repeat center 0;
        font-size: 25px
    }

        .dashcam .imgarea4 .textarea h4.title.subtit_font {
            font-size: 18px
        }

    .dashcam .imgarea4 .textarea h5 {
        margin: 50px 0;
        font-size: 24px
    }

    .dashcam .imgarea4 .textarea .check_list {
        text-align: left;
        padding: 35px 0;
        width: 45%;
        margin: 0 auto
    }

        .dashcam .imgarea4 .textarea .check_list li {
            float: left;
            width: 100%;
            margin: 5px 0;
            padding: 0 0 0 30px;
            background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bull/bull_check01.png) no-repeat 0 center;
            background-size: 15px;
            font-size: 15px;
            color: #666
        }

    .dashcam .imgarea4 .textarea .btn_area {
        margin: 20px 0 80px 0
    }

    .dashcam .content2_bg {
        background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bg/bg_dashcam.jpg) no-repeat #f8f8f2;
        background-size: 100%
    }

    .dashcam .imgarea4 .imgarea {
        font-size: 0;
        overflow: hidden;
        text-align: center
    }

        .dashcam .imgarea4 .imgarea img {
            width: 100%
        }

    .dashcam .imgarea4 .textarea {
        height: 100%;
        text-align: center
    }

    .dashcam .faq_area h4 {
        margin: 0 auto 15px;
        padding: 30px 0 0 30px;
        font-size: 18px;
        letter-spacing: -0.5px;
        color: #34322f;
    }

    .dashcam .faq_area {
        margin: 60px 0 0;
        padding-bottom: 100px;
    }

        .dashcam .faq_area > div {
            width: 90%;
            margin: 0 auto;
        }

        .dashcam .faq_area ul {
            margin-bottom: 20px;
            border-bottom: 2px solid #a6a9ac;
            border-top: 2px solid #a6a9ac;
            background: #fff;
        }

            .dashcam .faq_area ul li {
            }

                .dashcam .faq_area ul li.first {
                    border-top: none;
                }

                .dashcam .faq_area ul li.bor {
                    border-bottom: 1px solid #e5e5e5;
                }

                .dashcam .faq_area ul li .title {
                    border-top: 1px solid #d5d6d8;
                    background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/btn/q_more.gif) no-repeat 99% 50%;
                    padding-right: 5px;
                }

                .dashcam .faq_area ul li.first .title {
                    border: 0;
                }

                .dashcam .faq_area ul li .title a {
                    display: block;
                    width: 90%%;
                    padding: 18px 5% 18px 5%;
                    margin-left: 10px;
                    background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bull/qna.gif) no-repeat left center;
                    color: #666666;
                    font-size: 14px;
                }

                .dashcam .faq_area ul li.on .title a {
                    color: #3898d3;
                }

                .dashcam .faq_area ul li .title span {
                    padding-left: 15px;
                    margin-right: 15px;
                }

                .dashcam .faq_area ul li .content {
                    margin: 0 auto;
                    display: none;
                    border-top: 1px dashed #c7c7c7
                }

                .dashcam .faq_area ul li .content {
                    margin: 0 auto;
                    display: none;
                    border-top: 1px dashed #c7c7c7
                }

                    .dashcam .faq_area ul li .content p {
                        color: #777;
                        font-size: 12px;
                        line-height: 30px;
                        text-align: left;
                        padding: 15px 10px;
                    }

                    .dashcam .faq_area ul li .content img {
                        margin: 30px 0 0 0
                    }

                .dashcam .faq_area ul li.on .content {
                    display: block
                }

        .dashcam .faq_area span a {
            text-decoration: underline;
        }

        .dashcam .faq_area span {
            font-size: 14px;
        }

    .dashcam .imgarea5 {
        position: relative;
    }

        .dashcam .imgarea5 .textarea {
            position: absolute;
            top: 5%;
            text-align: center
        }

            .dashcam .imgarea5 .textarea h4 {
                font-size: 25px;
                color: #fff;
            }

            .dashcam .imgarea5 .textarea h5 {
                font-size: 20px;
                color: #fff;
                margin-bottom: 40px;
            }

            .dashcam .imgarea5 .textarea > p {
                margin: 10px 0 0 0;
                font-size: 14px;
                color: #fff;
                line-height: 24px;
                padding: 0 4%
            }

            .dashcam .imgarea5 .textarea .btn_area {
                margin: 20px 0 0 0
            }

    /* VIDEOS list CSS */
    .videos .today {
        margin: 40px 0 0 0;
        padding: 0 6%
    }

        .videos .today h3 {
            margin: 0 0 20px 0;
            padding: 15px 0 0;
            background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bull/bull_title02.jpg) no-repeat left 0;
            font-size: 15px
        }

        .videos .today .movie_area {
            position: relative;
            width: 100%;
            z-index: 1
        }

            .videos .today .movie_area iframe {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%
            }

            .videos .today .movie_area img {
                width: 100%
            }

        .videos .today .textarea {
            width: 100%;
            padding: 10px 0 0 0
        }

            .videos .today .textarea h4 {
                font-size: 15px
            }

            .videos .today .textarea > p {
                margin: 20px 0 40px 0;
                font-size: 12px
            }

            .videos .today .textarea .btn_area a {
                float: left;
                margin: 5px 2.5px 0 0
            }

            .videos .today .textarea .btn_area .btn_sns {
                float: left;
                margin: 5px 2.5px 0 0
            }

    .videos .newvideo {
        margin: 40px 0 0 0;
        padding: 0 6%
    }

        .videos .newvideo .title {
            position: relative;
            margin: 0 0 20px 0
        }

            .videos .newvideo .title h3 {
                padding: 15px 0 0;
                background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bull/bull_title02.jpg) no-repeat left 0;
                font-size: 15px
            }

            .videos .newvideo .title p {
                height: 100px;
            }

            .videos .newvideo .title form {
                position: absolute;
                right: 0;
                bottom: 0
            }

            .videos .newvideo .title #videos_select {
                position: absolute;
                right: 110px;
                bottom: 0;
                width: 100px;
                height: 30px;
                padding: 5px 10px;
                border: 0;
                background: #f4f4f4;
                color: #999;
                font-size: 14px
            }

                .videos .newvideo .title #videos_select option {
                    height: 30px
                }

        .videos .newvideo .list {
            margin: 0 0 30px 0
        }

            .videos .newvideo .list ul li {
                position: relative;
                float: left;
                width: 100%;
                margin: 0 0 20px 0;
            }

                .videos .newvideo .list ul li a {
                    position: absolute;
                    top: 0;
                    left: 0;
                    width: 100%;
                    height: 100%;
                    background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/btn/btn_video_play.png) no-repeat left 0;
                    background-size: 100%;
                }

                .videos .newvideo .list ul li .imgarea {
                    width: 100%;
                    overflow: hidden
                }

                    .videos .newvideo .list ul li .imgarea img {
                        width: 100%
                    }

                .videos .newvideo .list ul li .textarea h4 {
                    margin: 0 0 10px 0;
                    padding: 7px 0;
                    border-bottom: 1px solid #e5e5e5;
                    color: #333;
                    font-size: 14px
                }

    /* 20210218 영상제외 > 배너추가 */
    .videos .youtube {
        height: 290px;
        padding: 0;
        background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bg/video_bg_m_0218.jpg) no-repeat 0 0;
        background-size: cover;
    }

        .videos .youtube .text {
            padding-top: 135px;
            color: #fff;
            text-align: center;
        }

            .videos .youtube .text h4 {
                font-size: 25px;
                line-height: 1.1;
            }

            .videos .youtube .text p {
                margin: 15px 0 0 0;
                padding: 0 4%;
                font-size: 14px;
                line-height: 24px;
            }

        .videos .youtube .youtube_api {
            margin: 0 auto;
            width: 100%;
            min-width: 280px;
        }

            .videos .youtube .youtube_api img {
                width: 100%;
            }

            .videos .youtube .youtube_api .youtube_api_t, .videos .youtube .youtube_api .youtube_api_p {
                display: none;
            }

    /* 20200224 배너 수정 */
    .videos .videos_banner {
        margin: 25px auto 0;
        width: 280px;
        height: 143.5px;
        background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bg/contest_video_m_bg.jpg) no-repeat 0 0;
        background-size: cover;
    }

        .videos .videos_banner h5 {
            display: none;
        }

        .videos .videos_banner .btn_videos_submit {
            margin: 0 auto;
            padding: 98.5px 0 0;
            width: 145px;
        }

            .videos .videos_banner .btn_videos_submit a {
                display: block;
                width: 100%;
                color: #fff;
                background: #3898d3;
                font-size: 12px;
                line-height: 30px;
                text-align: center;
                border-radius: 4px;
            }

    /* VIDEOS view CSS */
    .videos > .view {
        margin: 40px auto 200px;
        padding: 0 6%
    }

        .videos > .view .video .movie_area .movie {
            position: relative;
            height: 320px;
            font-size: 0;
            margin-bottom: 20px;
        }

            .videos > .view .video .movie_area .movie video {
                width: 100%;
                height: 100%;
            }

            .videos > .view .video .movie_area .movie div.video-js {
                width: 100% !important;
                height: 100% !important;
            }

            .videos > .view .video .movie_area .movie img {
                width: 100%
            }

            .videos > .view .video .movie_area .movie iframe {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%
            }

        .videos > .view .video .movie_area .text_area h3 {
            margin: 15px 0;
            font-size: 15px
        }

        .videos > .view .video .movie_area .text_area p {
            margin: 0 0 15px 0;
            padding: 0 0 15px 0;
            border-bottom: 1px solid #e5e5e5;
            font-size: 10px
        }

        .videos > .view .video .movie_area .text_area span.day {
            float: left
        }

        .videos > .view .video .movie_area .text_area span.comment {
            float: right
        }

        .videos > .view .video .movie_area .text_area span.view {
            float: right;
            margin: 0 10px 0 0
        }

        .videos > .view .video .movie_area .btn_area {
            margin: 20px 0 0 0
        }

            .videos > .view .video .movie_area .btn_area a {
                float: left;
                margin: 5px 5px 0 0
            }

            .videos > .view .video .movie_area .btn_area .btn_sns {
                float: left;
                margin: 5px 5px 0 0
            }

        .videos > .view .video .tap {
            margin: 80px 0 40px 0
        }

            .videos > .view .video .tap ul {
            }

                .videos > .view .video .tap ul li {
                    float: left;
                    width: 51%;
                    border-bottom: 2px solid #bfc6cd
                }

                    .videos > .view .video .tap ul li a {
                        display: block;
                        width: 97%;
                        height: 36px;
                        padding: 15px 0 0 0;
                        border: 2px solid #bfc6cd;
                        border-bottom: 0;
                        border-radius: 5px 5px 0 0;
                        background: #bfc6cd;
                        color: #fff;
                        font-size: 18px;
                        text-align: center
                    }

                    .videos > .view .video .tap ul li.post a {
                        float: left
                    }

                    .videos > .view .video .tap ul li.video a {
                        float: right
                    }

                    .videos > .view .video .tap ul li.on {
                        width: 49%;
                        border: 0
                    }

                        .videos > .view .video .tap ul li.on a {
                            width: 99.5%;
                            background: #fff;
                            color: #777
                        }

        .videos > .view .video .comments {
            margin: 40px 0 0 0
        }

            .videos > .view .video .comments .post {
                width: 100%;
                background: #eff0f0
            }

                .videos > .view .video .comments .post input[type="text"] {
                    height: 23px;
                    margin: 0;
                    padding: 0 0 0 1%;
                    border: 1px solid #e4e4e4;
                    color: #888;
                    font-size: 12px
                }

                .videos > .view .video .comments .post .infor {
                    padding: 20px 4% 0
                }

                    .videos > .view .video .comments .post .infor input[type="text"] {
                        float: left;
                        width: 46%
                    }

                    .videos > .view .video .comments .post .infor input.pw {
                        margin: 0 0 0 4%
                    }

                    .videos > .view .video .comments .post .infor input.mail {
                        margin: 10px 0
                    }

                .videos > .view .video .comments .post .send {
                    padding: 0 4% 10px
                }

                    .videos > .view .video .comments .post .send input.comment {
                        float: left;
                        width: 77%
                    }

                    .videos > .view .video .comments .post .send .btn_area {
                        float: right
                    }

            .videos > .view .video .comments .comment {
                margin: 20px 0 0 0
            }

                .videos > .view .video .comments .comment h4 {
                    font-size: 18px
                }

                    .videos > .view .video .comments .comment h4 span {
                        color: #3898d3
                    }

                .videos > .view .video .comments .comment ul {
                    margin: 10px 0 0 0;
                    border-top: 1px solid #696969
                }

                    .videos > .view .video .comments .comment ul li {
                        padding: 15px 0;
                        border-bottom: 1px solid #e5e5e5
                    }

                        .videos > .view .video .comments .comment ul li .title h5 {
                            float: left;
                            font-size: 14px;
                            color: #3898d3
                        }

                        .videos > .view .video .comments .comment ul li .title span.day {
                            float: left;
                            margin: 0 0 0 10px
                        }

                        .videos > .view .video .comments .comment ul li .title .btn_area {
                            float: right
                        }

                        .videos > .view .video .comments .comment ul li > .edit {
                            margin: 20px 0 0 0;
                            padding: 20px 0 0 0;
                            border-top: 1px dashed #e5e5e5
                        }

                        .videos > .view .video .comments .comment ul li .edit input[type="text"] {
                            height: 23px;
                            padding: 0 0 0 10px;
                            border: 1px solid #e4e4e4;
                            color: #aaa
                        }

                        .videos > .view .video .comments .comment ul li .edit .top input {
                            float: left;
                            width: 160px
                        }

                        .videos > .view .video .comments .comment ul li .edit .top .btn_area {
                            float: right
                        }

                        .videos > .view .video .comments .comment ul li .edit .bottom {
                            margin: 10px 0 0 0
                        }

                            .videos > .view .video .comments .comment ul li .edit .bottom input {
                                width: 99%;
                                padding: 0 0 0 1%
                            }

                        .videos > .view .video .comments .comment ul li .pw {
                            margin: 20px 0 0 0;
                            padding: 20px 0 0 0;
                            border-top: 1px dashed #e5e5e5
                        }

                            .videos > .view .video .comments .comment ul li .pw .top {
                                text-align: center
                            }

                                .videos > .view .video .comments .comment ul li .pw .top input {
                                    margin: 2px 0 0 0
                                }

                                    .videos > .view .video .comments .comment ul li .pw .top input#delete {
                                        margin: 2px 0 0 30px
                                    }

                                .videos > .view .video .comments .comment ul li .pw .top label {
                                    vertical-align: top
                                }

                            .videos > .view .video .comments .comment ul li .pw .bottom {
                                width: 150px;
                                margin: 20px auto 0
                            }

                                .videos > .view .video .comments .comment ul li .pw .bottom input {
                                    margin-bottom: 10px;
                                    float: left;
                                    width: 150px;
                                    height: 28px;
                                    padding: 0 0 0 10px;
                                    border: 1px solid #e4e4e4;
                                    color: #aaa
                                }

                                .videos > .view .video .comments .comment ul li .pw .bottom .btn_area {
                                    text-align: center;
                                }

        .videos > .view .pup_pw {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: 900
        }

            .videos > .view .pup_pw .content {
                position: relative;
                height: 100%;
                z-index: 20
            }

                .videos > .view .pup_pw .content > div {
                    position: absolute;
                    top: 25%;
                    width: 92%;
                    min-width: 280px;
                    height: 255px;
                    margin: 0 4%;
                    background: #eff0f0;
                    text-align: center
                }

                    .videos > .view .pup_pw .content > div > a {
                        position: absolute;
                        top: 20px;
                        right: 20px
                    }

                    .videos > .view .pup_pw .content > div > p {
                        margin: 55px 0 0 0;
                        font-size: 18px
                    }

                    .videos > .view .pup_pw .content > div input {
                        width: 232px;
                        height: 28px;
                        margin: 20px 0 40px;
                        padding: 0 10px;
                        border: 1px solid #e4e4e4
                    }

                    .videos > .view .pup_pw .content > div .error {
                        position: absolute;
                        top: 137px;
                        display: none;
                        width: 100%;
                        color: #ee3124;
                        font-size: 12px;
                        text-align: center
                    }

                        .videos > .view .pup_pw .content > div .error.on {
                            display: block
                        }

            .videos > .view .pup_pw .bg {
                position: fixed;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                background: #000;
                opacity: 0.5;
                z-index: 10
            }

        .videos > .view .video .comments .comment .more {
            margin: 20px 0 0 0;
            text-align: center
        }

            .videos > .view .video .comments .comment .more a {
                display: inline-block;
                padding: 5px 0 5px 50px;
                background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/icon/icon_morecomment.png) no-repeat 0 center;
                color: #aaa;
                font-size: 16px
            }

        .videos > .view > .list {
            display: block !important;
            margin: 45px 0 0 0
        }

            .videos > .view > .list ul li {
                float: left;
                width: 100%;
                margin: 0 0 20px 0
            }

                .videos > .view > .list ul li .imgarea {
                    float: left;
                    width: 48%;
                    font-size: 0
                }

                    .videos > .view > .list ul li .imgarea img {
                        width: 100%
                    }

                .videos > .view > .list ul li .textarea {
                    float: right;
                    width: 40%;
                    padding: 0 6% 0 0
                }

                .videos > .view > .list ul li h4 {
                    margin: 0 0 10px 0;
                    color: #333;
                    font-size: 16px
                }

                .videos > .view > .list ul li p {
                    color: #777;
                    font-size: 14px
                }

                .videos > .view > .list ul li span.name {
                    float: none;
                }

            .videos > .view > .list .more {
                margin: 40px 0 0 0;
                text-align: center
            }

                .videos > .view > .list .more a {
                    display: inline-block;
                    padding: 5px 0 5px 50px;
                    background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/icon/icon_morevideo.png) no-repeat 0 center;
                    color: #aaa;
                    font-size: 18px
                }

    /* VIDEOS post CSS */
    .videos > .post {
        margin: 40px auto 0;
        padding: 0 4%
    }

        .videos > .post sup {
            color: #3898d3
        }

        .videos > .post .textarea {
            margin: 0 0 20px 0
        }

            .videos > .post .textarea h4 {
                padding: 10px 0 0 0;
                background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bull/bull_title02.jpg) no-repeat left 0;
                font-size: 30px
            }

            .videos > .post .textarea p {
                margin: 10px 0 0 0;
                font-size: 14px;
            }

        .videos > .post .infor {
            margin: 0 0 20px 0;
            padding: 40px;
            background: #eff0f0
        }

            .videos > .post .infor input[type="text"], .videos > .post .infor textarea {
                height: 28px;
                border: 1px solid #e4e4e4;
                background: #fff;
                color: #999
            }

            .videos > .post .infor label {
                font-size: 14px
            }

            .videos > .post .infor input {
                width: 100%
            }

            .videos > .post .infor .name {
                float: left;
                width: 100%;
                margin: 0 0 15px 0
            }

                .videos > .post .infor .name input {
                    width: 100%
                }

            .videos > .post .infor .mail {
                float: left;
                width: 100%
            }

                .videos > .post .infor .mail input {
                    width: 100%
                }

            .videos > .post .infor .country {
                float: left;
                width: 100%;
                margin: 15px 0
            }

                .videos > .post .infor .country span {
                    font-size: 14px
                }

                .videos > .post .infor .country fieldset {
                    width: 100%
                }

                .videos > .post .infor .country .videos_select {
                    width: 100%;
                    background: #fff
                }

                    .videos > .post .infor .country .videos_select .content > .input input {
                        height: 28px
                    }

                    .videos > .post .infor .country .videos_select .my_value {
                        height: 18px;
                        padding: 5px 10px;
                        border: 1px solid #e4e4e4
                    }

                    .videos > .post .infor .country .videos_select .ctrl {
                        top: 0;
                        right: 3px
                    }

                    .videos > .post .infor .country .videos_select .i_list label {
                        background: #fff
                    }

                    .videos > .post .infor .country .videos_select .content {
                        top: 29px;
                        height: 0px
                    }

            .videos > .post .infor .products {
                float: left;
                width: 100%;
                margin: 0 0 15px 0
            }

                .videos > .post .infor .products form {
                    width: 100%
                }
                /* float:left;*/
                .videos > .post .infor .products fieldset {
                    width: 100%
                }
                /* width:213% */
                .videos > .post .infor .products label {
                    float: left;
                    width: 100%
                }

                .videos > .post .infor .products .videos_select {
                    width: 100%;
                    border: 1px solid #e4e4e4;
                    background: #fff
                }
                    /* width:100%;*/
                    .videos > .post .infor .products .videos_select .my_value {
                        height: 20px;
                        padding: 5px 10px
                    }

                    .videos > .post .infor .products .videos_select .ctrl {
                        top: 0;
                        right: 4px
                    }

                    .videos > .post .infor .products .videos_select .i_list label {
                        background: #fff
                    }

                    .videos > .post .infor .products .videos_select > ul {
                        top: 30px
                    }

                .videos > .post .infor .products input {
                    display: none;
                    width: 100%;
                    height: 29px;
                    margin-top: 10px;
                }
            /* float:right;*/
            .videos > .post .infor .title {
                float: left;
                width: 100%;
                margin: 0 0 15px 0
            }

            .videos > .post .infor .source01 {
                float: left;
                width: 100%
            }

                .videos > .post .infor .source01 textarea {
                    width: 98%;
                    max-width: 98%;
                    height: 20px;
                    padding: 4px 1%;
                    color: #bbb;
                    font-size: 12px;
                    line-height: 14px
                }

            .videos > .post .infor .source02 {
                float: left;
                width: 100%;
                margin: 30px 0 20px 0
            }

                .videos > .post .infor .source02 textarea {
                    width: 98%;
                    max-width: 98%;
                    min-height: 118px;
                    padding: 5px 1%;
                    color: #bbb;
                    line-height: 14px
                }

            .videos > .post .infor span.point {
                float: left;
                font-size: 13px;
            }

        .videos > .post .btn_area {
            margin: 0 0 75px 0;
            text-align: center
        }

    /* VIDEOS submit CSS */
    .videos_submit .imgarea {
        position: relative;
        height: 290px;
        background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bg/bg_video_header_m.jpg) center 0 no-repeat;
        background-size: cover;
    }

        .videos_submit .imgarea .text {
            padding-top: 120px;
            width: 100%;
            color: #fff;
            text-align: center
        }

            /* 20200220 */
            .videos_submit .imgarea .text h4 {
                padding: 0 7%;
                font-size: 26px;
                line-height: 36px;
                text-transform: uppercase;
            }

            .videos_submit .imgarea .text h3 {
                padding: 0 7%;
                font-size: 26px;
                line-height: 36px;
            }

    .videos_submit .textarea {
        margin: 40px auto;
        width: 90%;
    }

        .videos_submit .textarea h4 {
            color: #323232;
            font-size: 20px;
            line-height: 1.2;
            padding: 12px 0 45px;
            background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bull/bull_title02.jpg) no-repeat 0 0;
        }

        .videos_submit .textarea h5 {
            color: #777777;
            font-size: 15px;
            line-height: 1.2;
            padding-bottom: 48px;
        }

        .videos_submit .textarea h6 {
            color: #777777;
            font-size: 12px;
            line-height: 1.2;
            padding-bottom: 39px;
        }

        .videos_submit .textarea p {
            color: #777777;
            font-size: 12px;
            line-height: 17px;
            padding-bottom: 55px;
        }

    .videos_submit .textarea3 {
        position: relative;
        margin: 39px auto;
        width: 90%;
        text-align: center;
    }

        .videos_submit .textarea3 h5 {
            color: #333;
            font-size: 20px;
            line-height: 1.2;
            text-align: center;
        }

        .videos_submit .textarea3 > p {
            padding: 15px 0 10px;
            background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bull/bull_title02.jpg) no-repeat center 0;
            font-size: 12px;
            line-height: 1.1;
            color: #8a8a8a;
            text-align: center;
            text-transform: uppercase;
        }

    .videos_submit .textarea2 {
        position: relative;
        margin: 41.3px auto 30px;
        width: 70%;
        text-align: center;
    }

        .videos_submit .textarea2 h5 {
            padding-top: 24px;
            color: #333;
            font-size: 20px;
            line-height: 1.1;
            text-align: center;
            background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bull/bull_title02.jpg) no-repeat center 0;
        }

        .videos_submit .textarea2 h4 {
            padding-top: 24px;
            color: #333;
            font-size: 14px;
            line-height: 1.1;
        }

    .videos_submit .submit .textarea3 input[type=text] {
        margin-bottom: 8px;
        padding-left: 2%;
        width: 98%;
        height: 29px;
        line-height: 29px;
        border: 1px solid #e4e4e4;
    }

    .videos_submit .submit .textarea3 dl {
        border-left: 1px solid #d5d6d8;
        border-right: 1px solid #d5d6d8;
    }

        .videos_submit .submit .textarea3 dl:first-child {
            border-top: 1px solid #d5d6d8;
        }

    .videos_submit .submit .textarea3 dt {
        padding: 15px 20px;
        text-align: left;
        font-size: 15px;
        line-height: 1.1;
        background: #eff0f0;
    }

        .videos_submit .submit .textarea3 dt span {
            color: #3898d3;
        }

    .videos_submit .submit .textarea3 dd {
        padding: 15px 20px;
        text-align: left;
        font-size: 12px;
        line-height: 1.2;
        color: #777;
        border-bottom: 1px solid #d5d6d8;
    }

        .videos_submit .submit .textarea3 dd p.byte {
            text-align: right;
        }

        .videos_submit .submit .textarea3 dd a.link {
            color: #3898d3;
            text-decoration: underline;
        }

    .videos_submit .submit .textarea3 .btn_add {
        position: absolute;
        top: 97px;
        right: 0;
    }

        .videos_submit .submit .textarea3 .btn_add a {
            display: block;
            width: 75px;
            line-height: 30px;
            border-radius: 4px;
            color: #fff;
            font-size: 8px; /*text-transform:uppercase;*/
            background: #3898d3;
            letter-spacing: -1px;
        }

    .videos_submit .submit .textarea3 .submit_txt {
        margin-top: 38px;
    }

    .videos_submit .submit .textarea3 .w_select {
        margin-bottom: 7px;
    }

    .videos_submit .submit .textarea3 textarea {
        padding-left: 2%;
        width: 98%;
        border: 1px solid #e4e4e4;
        line-height: 29px;
        resize: none;
    }

    .videos_submit .submit .textarea3 .date input[type=text] {
        width: 30%
    }

    .videos_submit .submit .textarea3 .date input.time {
        width: 50px;
    }

    .videos_submit .submit .file_area {
        margin-top: 70px;
    }

        .videos_submit .submit .file_area > ul {
            padding: 9px 0;
            border-top: 1px solid #d5d6d8;
            border-bottom: 1px solid #d5d6d8;
        }

        .videos_submit .submit .file_area ul li {
            margin-bottom: 4px;
        }

        .videos_submit .submit .file_area ul.btn_area {
            float: right;
        }

            .videos_submit .submit .file_area ul.btn_area li {
                float: left;
                margin-left: 7.5px;
            }

                .videos_submit .submit .file_area ul.btn_area li a {
                    display: block;
                    width: 75px;
                    line-height: 30px;
                    border-radius: 4px;
                    color: #fff;
                    font-size: 10px;
                    text-transform: uppercase;
                }

            .videos_submit .submit .file_area ul.btn_area .btn_file {
                position: relative;
                float: left;
                overflow: hidden;
                width: 75px;
                line-height: 30px;
                border-radius: 4px;
                color: #fff;
                font-size: 8px; /*text-transform:uppercase;*/
                cursor: pointer;
                background: #4e545a;
                letter-spacing: -1px
            }

                .videos_submit .submit .file_area ul.btn_area .btn_file input {
                    position: absolute;
                    top: 0;
                    right: 0;
                    width: 500px;
                    height: 28px;
                    font-size: 30px;
                    cursor: pointer;
                    opacity: 0;
                    filter: alpha(opacity=0);
                    cursor: pointer;
                }

            .videos_submit .submit .file_area ul.btn_area li.btn_delete a {
                background: #bfc6cd;
            }

        .videos_submit .submit .file_area p {
            margin-top: 8.5px;
            text-align: left;
            color: #a9a9a9
        }

        .videos_submit .submit .file_area ul li.file_list {
            display: none;
        }

        .videos_submit .submit .file_area #fileProgress {
            position: relative;
            width: 100%;
            height: 30px;
            border: 1px solid #bfc6cd;
            box-sizing: border-box;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
        }

        .videos_submit .submit .file_area #fileBar {
            position: absolute;
            width: 0%;
            height: 100%;
            background-color: #bfc6cd;
        }

        .videos_submit .submit .file_area .labelArea {
            position: absolute;
            left: 20px;
            top: 0;
            width: 500px;
        }

            .videos_submit .submit .file_area .labelArea #label {
                float: left;
                padding-right: 5px;
                font-size: 12px;
                color: #4e545a;
                line-height: 30px;
            }

            .videos_submit .submit .file_area .labelArea span {
                float: left;
                font-size: 12px;
                color: #fff;
                line-height: 30px;
            }

        .videos_submit .submit .file_area .btn_x {
            position: absolute;
            top: 12px;
            right: 10px;
            width: 13px;
            height: 13px;
            background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/btn/btn_x.png) 0 0 no-repeat;
            background-size: 5.5px;
        }

    .videos_submit .btn_submit {
        margin: 0 auto 60px;
        width: 100%;
        text-align: center;
    }

        .videos_submit .btn_submit a {
            display: inline-block;
            width: 74px;
            margin: 0 4px;
            line-height: 30px;
            color: #fff;
            background: #3898d3;
            text-align: center;
            border-radius: 2px;
            text-transform: uppercase;
        }

    .videos_submit .btn_submit_again {
        margin: 0 auto 60px;
        width: 116.5px;
    }

        .videos_submit .btn_submit_again a {
            display: block;
            line-height: 30px;
            color: #fff;
            background: #3898d3;
            text-align: center;
            border-radius: 2px;
            text-transform: uppercase;
        }

    /* VIDEOS contest CSS */

    /* 20200220 업데이트 */
    .videos_contest > .imgarea {
        position: relative;
        width: 100%;
        height: auto;
        font-size: 0;
        text-align: center;
        background: #151515 url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bg/contest_bg_m.jpg) center 0 no-repeat;
        background-size: cover;
    }

    .videos_contest .imgarea .text {
        padding: 22px 0 0 0;
        width: 100%;
        color: #fff;
        text-align: center;
        margin-bottom: 15px;
    }
        /* .videos_contest .imgarea .text h4{font-size:16px;text-transform:uppercase;}
	.videos_contest .imgarea .text p{padding-top:17px;font-size:10px;text-transform:uppercase;} */
        .videos_contest .imgarea .text h3 {
            font-size: 18px;
        }

        .videos_contest .imgarea .text p {
            padding-top: 17px;
            font-size: 12px; /*text-transform:uppercase;*/
        }

        .videos_contest .imgarea .text .btn_submit {
            margin-top: 18px;
        }

            .videos_contest .imgarea .text .btn_submit a {
                display: block;
                margin: 0 auto;
                width: 100px;
                font-size: 12px;
                line-height: 26.5px;
                text-align: center;
                color: #fff;
                text-transform: uppercase;
                background: #3898d3;
                border-radius: 4px;
            }

    .videos_contest .textarea {
        margin: 40px 0 47px;
        padding: 0 4%;
        text-align: center
    }
        /* .videos_contest .textarea h4{padding:15px 0 0 0;background:url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bull/bull_title01.jpg) no-repeat center 0; font-size: 20px; text-transform:uppercase;} */

        .videos_contest .textarea h3 {
            padding: 15px 0 0 0;
            font-size: 17px;
            font-weight: 400;
        }

        .videos_contest .textarea p {
            margin: 30px 0 0 0;
            color: #777;
            font-size: 14px;
            line-height: 24px
        }

        .videos_contest .textarea .imgarea {
            position: relative;
            margin: 40px 0 0;
        }

            .videos_contest .textarea .imgarea img {
                width: 100%;
            }

            .videos_contest .textarea .imgarea a {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/btn/btn_video_play02.png) no-repeat center 0;
                background-size: 100%;
            }

    /* VIDEOS contest faq css */
    .videos_submit .faq {
        margin: 30px 0 0;
        padding: 0 6%
    }

        .videos_submit .faq .list {
            width: 350px;
            margin: 0 auto
        }

            .videos_submit .faq .list ul li {
                float: left;
                margin: 0 10px 0 0;
                padding: 0 10px 0 0;
                border-right: 1px solid #c7c7c7
            }

                .videos_submit .faq .list ul li a {
                    color: #999;
                    font-size: 12px;
                    font-weight: normal
                }

                .videos_submit .faq .list ul li.on a {
                    color: #3898d3
                }

                .videos_submit .faq .list ul li.last {
                    margin: 0;
                    padding: 0;
                    border: 0
                }

        .videos_submit .faq .faq_list {
            margin: 30px 0 100px;
            border-top: 1px solid #696969;
            border-bottom: 1px solid #696969
        }

            .videos_submit .faq .faq_list ul li .title {
                border-top: 1px solid #c7c7c7;
                background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/btn/btn_tap_off.png) no-repeat right 45%;
                background-size: 20px
            }

            .videos_submit .faq .faq_list ul li.first .title {
                border: 0
            }

            .videos_submit .faq .faq_list ul li .title a {
                display: block;
                width: 80%;
                padding: 17px 0 17px 40px;
                background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/icon/icon_question_off.png) no-repeat left 40%;
                background-size: 30px;
                color: #333;
                font-size: 14px
            }

            .videos_submit .faq .faq_list ul li.on .title {
                background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/btn/btn_tab_on.png) no-repeat right 40%;
                background-size: 20px
            }

                .videos_submit .faq .faq_list ul li.on .title a {
                    color: #3898d3;
                    background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/icon/icon_question_on.png) no-repeat left 40%;
                    background-size: 30px
                }

            .videos_submit .faq .faq_list ul li .content {
                display: none;
                padding: 15px 10px;
                border-top: 1px dashed #c7c7c7
            }

                .videos_submit .faq .faq_list ul li .content p {
                    color: #777;
                    font-size: 12px;
                    line-height: 14px
                }

                .videos_submit .faq .faq_list ul li .content img {
                    width: 90%;
                    margin: 30px 0 0 0
                }

            .videos_submit .faq .faq_list ul li.on .content {
                display: block
            }

    /* ABOUT THINKWARE css */
    .about {
        width: 100%
    }

        .about .imgarea {
            height: 290px;
            background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bg/bg_about_header_m.jpg) no-repeat center top;
            background-size: cover;
        }

            .about .imgarea .text {
                padding-top: 120px;
                color: #fff;
                text-align: center;
            }

                .about .imgarea .text h4 {
                    font-size: 26px;
                    line-height: 1.1;
                }

                .about .imgarea .text p {
                    margin: 15px 0 0 0;
                    padding: 0 4%;
                    font-size: 14px;
                    line-height: 24px;
                }

        .about .textarea {
            margin: 40px 0 40px;
            padding: 0 4%;
            text-align: center
        }

            .about .textarea img {
                width: 100%;
                margin: 40px 0 0
            }

        .about .textarea2 {
            width: 88%;
            padding: 40px 6% 40px;
            background: #f5f5f5;
            text-align: center
        }

            .about .textarea2 .award_imgarea span {
                display: block;
            }

            .about .textarea2 .award_imgarea img {
                margin: 0 10px 10px 0;
            }

            .about .textarea2 h5 {
                padding: 30px 0 0 0;
                font-size: 24px
            }

            .about .textarea h4, .about .textarea2 h4 {
                padding: 15px 0 0 0;
                background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bull/bull_title01.jpg) no-repeat center 0;
                font-size: 25px
            }

            .about .textarea p, .about .textarea2 p {
                margin: 10px 0 0 0;
                color: #777;
                font-size: 14px;
                line-height: 24px
            }

        .about .imgarea2 {
            width: 88%;
            padding: 0 6% 60px;
        }

            .about .imgarea2 img {
                width: 100%
            }

            .about .imgarea2 h4 {
                font-size: 20px
            }

            .about .imgarea2 p {
                margin: 10px auto 0;
                font-size: 14px;
                line-height: 16px
            }

            .about .imgarea2 .text, .about .imgarea2 .text2 {
                position: absolute;
                top: 14%;
                width: 88%;
                text-align: center
            }

            .about .imgarea2 .text2 {
                top: 60%
            }

        .about .textarea2 .moive_area {
            position: relative;
            margin: 40px 0 0 0
        }

            .about .textarea2 .moive_area img {
                width: 100%
            }

            .about .textarea2 .moive_area iframe {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%
            }

        .about .textarea3 {
            padding: 0 4%;
            margin: 25px auto 16px;
            text-align: center
        }

            .about .textarea3 p {
                color: #333;
                font-size: 14px;
                line-height: 24px
            }

    /* Partnership */
    .partnership {
        width: 100%
    }

        .partnership .imgarea {
            height: 290px;
            background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bg/bg_partnerships_header_m.jpg) no-repeat center top;
            background-size: cover;
        }

            .partnership .imgarea .text {
                padding-top: 120px;
                color: #fff;
                text-align: center;
            }

                .partnership .imgarea .text h4 {
                    font-size: 26px;
                    line-height: 1.1;
                    text-transform: uppercase;
                }

                .partnership .imgarea .text p {
                    margin: 15px 0 0 0;
                    padding: 0 4%;
                    font-size: 12px;
                    line-height: 1.1;
                }

        .partnership .textarea {
            margin: 40px 0 40px;
            padding: 0 4%;
            text-align: center;
        }

            .partnership .textarea h4 {
                padding: 15px 0 0 0;
                background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bull/bull_title01.jpg) no-repeat center 0;
                font-size: 25px;
            }

            .partnership .textarea p {
                margin: 10px 0 0 0;
                color: #777;
                font-size: 14px;
                line-height: 24px
            }

        .partnership .textarea2 {
            margin: 40px 0 40px;
            padding: 0 4%;
            text-align: center;
        }

            .partnership .textarea2 h5 {
                padding: 20px 0;
                background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bull/bull_title02.jpg) no-repeat center 0;
                font-size: 16px;
                text-align: center
            }

            .partnership .textarea2 p {
                margin: 0 0 36px;
                color: #777;
                font-size: 14px;
                line-height: 24px
            }

                .partnership .textarea2 p.link {
                    margin-top: 15px;
                    font-size: 12px;
                    line-height: 17px;
                }

                    .partnership .textarea2 p.link a {
                        color: #3898d3;
                        text-decoration: underline;
                    }

        .partnership .textarea3 {
            margin: 40px 0 40px;
            padding: 0 4%;
            text-align: center;
        }

            .partnership .textarea3 h5 {
                padding: 20px 0;
                background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bull/bull_title02.jpg) no-repeat center 0;
                font-size: 16px;
                text-align: center
            }

        .partnership .box {
            padding: 20px;
            background: #eff0f0;
        }

            .partnership .box p {
                margin: 0 0 10px 0;
                color: #777;
                font-size: 14px;
                line-height: 1.1;
                text-align: left;
            }

            .partnership .box li {
                float: left;
                margin: 0;
                text-align: left;
            }

                .partnership .box li.btn_signin {
                    width: 22%;
                }

                    .partnership .box li.btn_signin a {
                        display: block;
                        line-height: 30px;
                        border-radius: 4px;
                        background: #3898d3;
                        color: #fff;
                        font-size: 12px;
                        text-align: center;
                        text-transform: uppercase;
                    }

                .partnership .box li.email {
                    width: 78%;
                }

                    .partnership .box li.email input {
                        padding: 0 10px 0 30px;
                        width: 79%;
                        height: 30px;
                        line-height: 30px;
                        border: 0;
                        font-size: 12px;
                        font-weight: 400;
                        background: #fff url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/icon/icon_email2.png) 10px center no-repeat;
                        background-size: 11px;
                    }

        .partnership input.btn_save {
            display: block;
            margin: 0 auto 65px;
            width: 75px;
            line-height: 30px;
            border: 0;
            border-radius: 4px;
            background: #3898d3;
            color: #fff;
            font-size: 12px;
            text-align: center;
            text-transform: uppercase;
            cursor: pointer;
        }

    .partnership_appication_area {
        position: relative;
        padding-top: 48px;
    }

        .partnership_appication_area .partnership_appication_box {
            margin: 0 auto;
            width: 90%;
            background: #eff0f0;
        }

            .partnership_appication_area .partnership_appication_box li {
                margin-bottom: 18px;
                padding: 20px 5% 0;
                background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bg/bg_dashed.png) 0 0 repeat-x;
            }

                .partnership_appication_area .partnership_appication_box li label {
                    display: block;
                    padding-bottom: 10px;
                    font-size: 15px;
                    color: #333;
                    font-weight: 300;
                }

                    .partnership_appication_area .partnership_appication_box li label span {
                        color: #369bd3;
                    }

                .partnership_appication_area .partnership_appication_box li input[type=text] {
                    padding: 0 10px;
                    width: 89%;
                    height: 30px;
                    color: #777777;
                    line-height: 30px;
                    border: 1px solid #e4e4e4;
                    font-size: 12px;
                    font-weight: 400;
                }

                .partnership_appication_area .partnership_appication_box li.email {
                    background: none;
                }

                .partnership_appication_area .partnership_appication_box li.message {
                    margin-bottom: 38px;
                    padding-bottom: 25px;
                }

                .partnership_appication_area .partnership_appication_box li textarea {
                    padding: 0 10px;
                    width: 89%;
                    height: 146px;
                    border: 1px solid #e4e4e4;
                    resize: none;
                }

    /* Sub Tab */
    .submenu_tab_mobile {
        height: 39px;
        border-bottom: 1px solid #b6b7b7;
    }

        .submenu_tab_mobile a {
            display: block;
            padding-left: 20px;
            font-size: 14px;
            line-height: 39px;
            text-transform: uppercase;
            background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/icon/icon_sub_menu.png) right+20px center no-repeat;
            background-size: 10px;
        }

            .submenu_tab_mobile a.active {
                background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/icon/icon_sub_menu_open.png) right+20px center no-repeat;
                background-size: 10px;
            }

    .submenu_tab {
        position: relative;
        width: 100%;
    }

        .submenu_tab .active {
            display: block;
        }

        /* 20210215 */
        /*	.submenu_tab ul{display:none;position:absolute;top:40px;width:100%;z-index:9;}*/
        .submenu_tab ul {
            display: none;
            position: absolute;
            top: 0px;
            text-align: center;
            width: 100%;
            z-index: 9;
        }

        .submenu_tab li {
            width: 100%;
            background: #eff0f0;
            border-bottom: 1px solid #b6b7b7;
        }

            .submenu_tab li a {
                display: block;
                width: 100%;
                line-height: 39px;
                font-size: 14px;
                color: #7b7b7b;
                text-transform: uppercase;
            }

                .submenu_tab li a:hover, .submenu_tab li a.on {
                    color: #000;
                }


    /* PRODUCTS css */
    .products {
        position: relative
    }

        .products .tap {
            display: none
        }

        .products .m_tap {
            position: absolute;
            top: 40px;
            left: 6%;
            width: 88%
        }

            .products .m_tap fieldset {
                width: 100%
            }

            .products .m_tap .videos_select {
                width: 100%;
                border-radius: 5px;
                background: #4e545a;
                behavior: url(PIE.htc)
            }

                .products .m_tap .videos_select .my_value {
                    width: 96%;
                    height: 35px;
                    padding: 15px 0 0 4%;
                    color: #fff;
                    font-size: 16px;
                    font-weight: normal
                }

                .products .m_tap .videos_select .arrow {
                    position: absolute;
                    width: 0;
                    height: 0;
                    top: 13px;
                    right: 9px;
                    border-top: 6px solid #fff;
                    border-left: 6px solid #4e545a;
                    border-right: 6px solid #4e545a;
                    font-size: 0;
                    line-height: 0
                }

                .products .m_tap .videos_select .ctrl {
                    position: absolute;
                    top: 7px;
                    right: 15px;
                    width: 18px;
                    height: 19px
                }

                .products .m_tap .videos_select ul.i_list {
                    top: 46px;
                    border-radius: 0 0 5px 5px;
                    background: #ccd5de;
                    behavior: url(PIE.htc)
                }

                    .products .m_tap .videos_select ul.i_list li {
                        height: 51px
                    }

                        .products .m_tap .videos_select ul.i_list li label {
                            height: 35px;
                            padding: 15px 0 0 10px;
                            border-top: 1px solid #fff;
                            background: #ccd5de;
                            color: #fff;
                            font-size: 16px;
                        }

        .products .m_list {
            position: absolute;
            top: 20px;
            width: 88%;
            margin: 0 6%
        }

            .products .m_list > .title {
                display: block;
                margin: 0 2%;
                padding: 15px 30px;
                border-radius: 5px;
                background: #4e545a;
                color: #fff;
                font-size: 16px
            }

            .products .m_list .ctrl {
                position: absolute;
                top: 12px;
                right: 25px;
                width: 18px;
                height: 19px
            }

            .products .m_list .arrow {
                position: absolute;
                width: 0;
                height: 0;
                top: 13px;
                right: 9px;
                border-top: 6px solid #fff;
                border-left: 6px solid #4e545a;
                border-right: 6px solid #4e545a;
                font-size: 0;
                line-height: 0
            }

            .products .m_list .list {
                display: none
            }

                .products .m_list .list ul li {
                    float: left;
                    width: 100%;
                    background: #fff;
                    border-bottom: 1px solid #e5e5e5;
                    text-align: center
                }

                    .products .m_list .list ul li .title {
                        float: left;
                        width: 23%;
                        height: 50px;
                        padding: 25px 0 0 0;
                        color: #666;
                        font-size: 16px
                    }

                        .products .m_list .list ul li .title.on {
                            color: #3898d3
                        }

                    .products .m_list .list ul li ul.i_list {
                        float: right;
                        width: 75%
                    }

                        .products .m_list .list ul li ul.i_list li {
                            width: 33.33%;
                            border: 0
                        }

                    .products .m_list .list ul li img {
                        width: 100%
                    }

                    .products .m_list .list ul li p {
                        color: #333;
                        font-weight: normal
                    }

                    .products .m_list .list ul li.on p {
                        color: #4e545a
                    }

        .products .slider {
            background: #f0f0f0;
        }

            .products .slider a {
                display: block;
                padding: 20px 0 0 16.5px;
                height: 54px;
                font-size: 20px;
                line-height: 1.2;
                color: #000000;
                text-transform: uppercase;
                font-weight: 400;
                border-right: 1px solid #e1e1e1;
            }

                .products .slider a span {
                    display: block;
                    font-size: 9px;
                    color: #989898;
                }

                .products .slider a.product_etc {
                    padding: 28px 0 0 16.5px;
                    height: 46px;
                    font-size: 16px;
                    letter-spacing: -1;
                }

    /* Slider */
    .slick-slider {
        position: relative;
        display: block;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        -webkit-touch-callout: none;
        -khtml-user-select: none;
        -ms-touch-action: pan-y;
        touch-action: pan-y;
        -webkit-tap-highlight-color: transparent;
    }

    .slick-list {
        position: relative;
        display: block;
        overflow: hidden;
        margin: 0 auto;
        padding: 0;
        width: 90%;
    }

        .slick-list:focus {
            outline: none;
        }

        .slick-list.dragging {
            cursor: pointer;
            cursor: hand;
        }

    .slick-slider .slick-track, .slick-slider .slick-list {
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    .slick-track {
        position: relative;
        top: 0;
        left: 0;
        display: block;
        width: 100%;
    }

        .slick-track:before, .slick-track:after {
            display: table;
            content: '';
        }

        .slick-track:after {
            clear: both;
        }

    .slick-loading .slick-track {
        visibility: hidden;
    }

    .slick-slide {
        display: none;
        float: left;
        height: 100%;
        min-height: 1px;
    }

    [dir='rtl'] .slick-slide {
        float: right;
    }

    .slick-slide img {
        display: block;
    }

    .slick-slide.slick-loading img {
        display: none;
    }

    .slick-slide.dragging img {
        pointer-events: none;
    }

    .slick-initialized .slick-slide {
        display: block;
    }

    .slick-loading .slick-slide {
        visibility: hidden;
    }

    .slick-vertical .slick-slide {
        display: block;
        height: auto;
        border: 1px solid transparent;
    }

    .slick-arrow.slick-hidden {
        display: none;
    }

    /* Arrows */
    .slick-prev, .slick-next {
        font-size: 0;
        line-height: 0;
        position: absolute;
        top: 50%;
        margin-top: -37px;
        display: block;
/*        width: 20px;*/
        width: 35px;
        height: 100%;
        padding: 0;
        cursor: pointer;
        color: transparent;
        border: none;
        outline: none;
        z-index: 10;
    }

    .slick-next {
        right: -2px;
        background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/btn/btn_arrow_next.jpg) 0 center no-repeat;
/*        background-size: 30px;*/
        background-size: 45px;
    }

    .slick-prev {
        left: -5px;
        background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/btn/btn_arrow_prev.jpg) 0 center no-repeat;
        background-size: 45px;
    }

    .products > .imgarea {
        position: relative;
        height: 500px;
        padding: 0 6%;
        background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bg/bg_products.png) no-repeat center bottom;
        text-align: center
    }

        .products > .imgarea .textarea {
            position: absolute;
            top: 35px;
            width: 88%;
            z-index: 10
        }

            .products > .imgarea .textarea .title {
                padding: 0 0 15px 0;
                border-bottom: 1px solid #696969;
                font-size: 15px
            }

            .products > .imgarea .textarea h5 {
                margin: 70px 0 20px;
                font-size: 35px;
                font-weight: normal
            }

            .products > .imgarea .textarea p {
                color: #777;
                font-size: 15px
            }

            .products > .imgarea .textarea .btn_area {
                margin: 20px 0 0 0
            }

        .products > .imgarea img {
            position: absolute;
            left: -20%;
            bottom: 0;
            width: 140%
        }

    .products > .submain_imgarea {
        position: relative;
        text-align: center;
    }

        .products > .submain_imgarea .img img {
            width: 100%
        }

        .products > .submain_imgarea .textarea {
            position: absolute;
            top: 30px;
            width: 100%;
            text-align: center;
        }

            .products > .submain_imgarea .textarea h4 {
                font-size: 30px;
                color: #fff;
            }

            .products > .submain_imgarea .textarea p, tit_detail {
                font-size: 24px;
                color: #fff;
            }

            .products > .submain_imgarea .textarea h4 span {
                font-weight: bold;
            }

    .products > .products_link_area {
        background: #2e2e2e;
        margin: 0 auto;
        margin-top: -4px;
    }

        .products > .products_link_area ul {
            overflow: hidden;
            padding: 12px 0;
            margin: 0 7% 0 7%;
        }

            .products > .products_link_area ul li {
                float: left;
                margin-bottom: 10px;
                width: 100%
            }

                .products > .products_link_area ul li.first {
                    margin-left: 0;
                }

                .products > .products_link_area ul li img {
                    width: 100%
                }

    .products .content_list {
        margin: 40px 0;
        padding: 0 6%
    }

        .products .content_list > ul li {
            margin: 30px 0;
            border-top: 1px solid #e3e3e3;
        }

            .products .content_list > ul li.first {
                margin: 0;
                border: 0;
            }

        .products .content_list .title {
            text-align: center
        }

            .products .content_list .title h5 {
                padding: 0 0 15px 0;
                border-bottom: 1px solid #696969;
                font-size: 15px
            }

        .products .content_list .cl_product {
            display: none;
            text-align: center;
        }

            .products .content_list .cl_product.active {
                display: block;
            }

            .products .content_list .cl_product li.first {
                border: 0
            }

            .products .content_list .cl_product li {
                border-top: 1px solid #ededed;
            }

                .products .content_list .cl_product li .imgarea {
                    width: 100%;
                    overflow: hidden
                }

                    .products .content_list .cl_product li .imgarea img {
                        width: 100%;
                        margin: -40px 0 0 0
                    }

                .products .content_list .cl_product li .textarea {
                    width: 100%;
                    margin: -50px 0 0 0;
                    padding: 0
                }

                    .products .content_list .cl_product li .textarea h6 {
                        margin: 15px 0 0 0;
                        font-size: 20px;
                        font-weight: normal
                    }

                    .products .content_list .cl_product li .textarea div.icon {
                        padding: 15px 2% 10px
                    }

                        .products .content_list .cl_product li .textarea div.icon img {
                            margin: 0 1%;
                            width: 13%;
                        }

                    .products .content_list .cl_product li .textarea .btn_area {
                        margin: 15px 0 0 0
                    }

    .products .cl_product .movie {
        padding: 2% 6%;
        text-align: center
    }

        .products .cl_product .movie .movie_area {
            position: relative;
            width: 100%
        }

            .products .cl_product .movie .movie_area img {
                width: 100%
            }

            .products .cl_product .movie .movie_area iframe {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%
            }

    .products .btn_more_product {
        margin: 0 auto 20px;
        width: 125px;
    }

        .products .btn_more_product a {
            display: block;
            padding-left: 18px;
            line-height: 40px;
            color: #fff;
            font-size: 11px;
            background: #bfc6cd url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bull/bull_more.png) 104px center no-repeat;
            background-size: 10px;
            text-transform: uppercase;
            border-radius: 4px;
        }

    /* PRODUCTS content css */
    .products .explain > .imgarea {
        width: 100%;
        height: 440px;
        text-align: center;
        background-color: #fafafa !important
    }

        .products .explain > .imgarea h4 {
            padding: 55px 0 0 0;
            font-size: 35px;
            font-weight: normal
        }

            .products .explain > .imgarea h4 span {
                font-weight: normal
            }

        .products .explain > .imgarea p {
            margin: 10px 0 40px 0;
            color: #777;
            font-size: 15px;
            font-weight: 400
        }

        .products .explain > .imgarea .btn_area a {
            margin: 0 10px 0 0
        }

            .products .explain > .imgarea .btn_area a p {
                margin: 0
            }

    /* 앱 페이지 */
    img {
        vertical-align: top; /*width: 100%;*/
    }

    .products .submain_imgarea1 {
        position: relative;
        text-align: center;
    }

        .products .submain_imgarea1 .img img {
            width: 100%
        }

        /* 20200731 */
        .products .submain_imgarea1 .textarea {
            position: absolute;
            top: 15%;
            width: 100%;
            text-align: left;
        }

            .products .submain_imgarea1 .textarea h4 {
                font-size: 30px;
                color: #fff;
                padding-left: 6%;
            }

            .products .submain_imgarea1 .textarea p, tit_detail {
                font-size: 14px;
                color: #fff;
                padding-left: 6%;
                margin-top: 10px;
            }

            .products .submain_imgarea1 .textarea h4 span {
                font-weight: bold;
            }
    /*
	.products  .submain_imgarea1 .textarea .btn_area{margin-left:6%;margin-top:0px;}
	.products  .submain_imgarea1 .textarea .btn_area h1{width:100% !important;font-size:18px !important;height:40px !important;line-height:40px !important;}
	.products  .submain_imgarea1 .textarea .btn_area h1.tit_txt{color:#fff; margin-bottom: -8px;}
	.products  .submain_imgarea1 .textarea .btn_area span.sub_txt{color:#fff; font-size: 10px; margin-left: 5px;}
	.products  .submain_imgarea1 .textarea .btn_area img{width:140px;margin-bottom:5px;}
*/

    /* 20200730 */
    .products .explain .content h4.btnarea_tit {
        padding: 20px 0 0 0;
        background: #e5e5e5;
        font-size: 20px;
        text-align: center;
        line-height: 30px;
        font-weight: 700;
    }

    .products .explain .content .btn_area {
        padding: 4%;
        background: #e5e5e5;
    }

        .products .explain .content .btn_area .btn_box {
            margin: 0px 0 10px 0;
            display: table;
            position: relative;
            width: 100%;
        }

            .products .explain .content .btn_area .btn_box > div.mobile_box {
                margin: 0 auto;
                width: 290px;
            }

        .products .explain .content .btn_area .btn_box2 {
            margin: 0px 0 10px 0;
            display: table;
            position: relative;
            width: 100%;
        }

            .products .explain .content .btn_area .btn_box2 > div.mobile_box {
                margin: 0 auto;
                width: 290px;
            }

        .products .explain .content .btn_area .btn_box3 {
            margin: 0px 0 10px 0;
            display: table;
            position: relative;
            width: 100%;
        }

            .products .explain .content .btn_area .btn_box3 > div.mobile_box {
                margin: 0 auto;
                width: 290px;
            }

        .products .explain .content .btn_area img {
            width: 200px;
            margin-bottom: 5px;
        }

        .products .explain .content .btn_area h1 {
            width: 100% !important;
            font-size: 15px !important;
            font-weight: 600;
            height: 40px !important;
            line-height: 15px !important;
        }

        .products .explain .content .btn_area span.sub_txt {
            display: block;
            color: #000;
            font-size: 10px;
            font-weight: normal;
            margin-left: 5px;
        }

        .products .explain .content .btn_area img {
            width: 140px;
            margin-bottom: 5px;
        }

    .products .explain .content .app {
        text-align: center;
        margin-top: 50px;
    }

        .products .explain .content .app h4 {
            margin: 0 auto;
            padding: 40px 0 0 0;
            background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bull/bull_title01.jpg) no-repeat center 0;
            font-size: 20px;
            text-align: center;
            line-height: 30px;
            font-weight: 500;
        }

        .products .explain .content .app > p {
            margin: 30px auto;
            color: #777;
            font-size: 14px;
            line-height: 26px;
            text-align: center;
        }

        .products .explain .content .app .imgarea {
            margin: 0 auto;
        }

        .products .explain .content .app .imgarea2 {
            margin: 0 auto;
            border-bottom: 1px solid #CCC
        }

            .products .explain .content .app .imgarea2 .m1 {
                background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/content/products/img_app_m1.jpg) no-repeat center 0;
                height: 262px;
                background-size: 100% 150%;
            }

            .products .explain .content .app .imgarea2 .m2 {
                background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/content/products/img_app_m2.jpg) no-repeat center 0;
                height: 262px;
                background-size: 100% 150%;
            }

            .products .explain .content .app .imgarea2 h5 {
            }

            .products .explain .content .app .imgarea2 p {
            }

    .products .submain_imgarea1 .textarea .btn_area {
        margin-left: 6%;
        margin-top: 30px;
    }

        .products .submain_imgarea1 .textarea .btn_area h1 {
            width: 100% !important;
            font-size: 18px !important;
            height: 40px !important;
            line-height: 40px !important;
        }

        .products .submain_imgarea1 .textarea .btn_area img {
            width: 140px;
            margin-bottom: 5px;
        }


    .products .explain .content .app1 {
        text-align: center;
    }

        .products .explain .content .app1 h4 {
            margin: 0 auto;
            padding: 50px 0 0 0;
            font-size: 20px;
            text-align: center;
            line-height: 30px;
            font-weight: 500;
        }

        .products .explain .content .app1 p {
            margin: 30px auto;
            color: #000;
            font-size: 14px;
            line-height: 20px;
            text-align: center;
        }

        .products .explain .content .app1 .imgarea {
            margin: 0 auto;
        }

    .products .explain .content .app .log03_1 {
        margin: 80px auto 0px auto;
        overflow: hidden;
        list-style: none;
    }

        .products .explain .content .app .log03_1 ul li {
            float: left;
            width: 333px;
            margin: 0 0 0 40px
        }

            .products .explain .content .app .log03_1 ul li.first {
                margin: 0
            }

            .products .explain .content .app .log03_1 ul li .content img {
                width: 100%
            }

            .products .explain .content .app .log03_1 ul li .content h4 {
                margin: 30px 0 20px;
                color: #34322f;
                font-size: 30px
            }

            .products .explain .content .app .log03_1 ul li .content p {
                color: #777;
                font-size: 14px;
                line-height: 33px;
                margin-top: 30px;
                margin-bottom: 30px;
            }

        .products .explain .content .app .log03_1 ul.length03 li {
            float: left;
            width: 30%;
            margin: 0 3% 0px 0;
        }

        .products .explain .content .app .log03_1 ul.length02 {
            width: 1240px;
        }

            .products .explain .content .app .log03_1 ul.length02 li {
                float: left;
                width: 580px;
                margin: 20px 40px 30px 0
            }

                .products .explain .content .app .log03_1 ul.length02 li:first-child {
                    margin: 20px 40px 0 0
                }

    .products .explain .content .app h5 {
        margin: 0 auto;
        font-size: 30px;
        text-align: center;
        line-height: 36px;
    }


    .products .explain .content .app_back {
        background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/content/products/img_app_04_mo_n.jpg) no-repeat center 0;
        height: 480px;
        background-size: 100% 100%;
    }

    .products .explain .content .app_back1 {
        width: 100%;
        background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/content/products/img_app_m06.jpg) no-repeat center 0;
        background-size: 100% 150%;
    }

        .products .explain .content .app_back1 h4 {
            margin: 0 auto;
            padding: 20px 0 0 0;
            font-size: 30px;
            text-align: center;
            line-height: 50px;
            color: #fff;
            font-weight: bold;
        }

        .products .explain .content .app_back1 .tit1 {
            margin: 0 auto;
            padding: 20px 0 0 0;
            background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bull/bull_title10.jpg) no-repeat center 20px;
            text-align: center;
            color: #ccc
        }

        .products .explain .content .app_back1 .tit2 {
            margin: 0 auto;
            padding: 15px 0 0 0;
            background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bull/bull_title10.jpg) no-repeat center 30px;
            text-align: center;
            color: #ccc
        }

            .products .explain .content .app_back1 .tit2:last-child {
                padding: 15px 0 15px 0;
            }

    /*앱 페이지 완료*/

    /* 컨텐츠 영역 상단 비주얼 bg 관리 css */
    .products .explain > .imgarea.img01 {
        background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bg/products_x300_thinkwaredashcam_x300.jpg) no-repeat center bottom;
    }

    .products .explain > .imgarea.img02 {
        background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bg/products_f550_thinkwaredashcam_f550.jpg) no-repeat center bottom;
    }

    .products .explain > .imgarea.img03 {
        background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bg/products_f500_thinkwaredashcam_f500.jpg) no-repeat center bottom;
    }

    .products .explain > .imgarea.img04 {
        background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bg/products_h100_thinkwaredashcam_h100.jpg) no-repeat center bottom;
    }

    .products .explain > .imgarea.img05 {
        background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bg/products_x500_thinkwaredashcam_x500.jpg) no-repeat center bottom;
    }

    .products .explain > .imgarea.img06 {
        background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bg/products_f750_thinkwaredashcam_f750.jpg) no-repeat center bottom;
    }

    .products .explain > .imgarea.img07 {
        background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bg/products_x150_thinkwaredashcam_x150.jpg) no-repeat center bottom;
    }

    .products .explain > .imgarea.img08 {
        background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bg/products_h50_thinkwaredashcam_h50.jpg) no-repeat center bottom;
    }
    /* 20200706 업데이트 */
    .products .explain > .imgarea.img09 {
        background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bg/products_acc_n.jpg) no-repeat center bottom;
    }

    .products .explain > .imgarea.img10 {
        background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bg/products_x550_thinkwaredashcam_x550.jpg) no-repeat center bottom;
    }

    .products .explain > .imgarea.img11 {
        background: url('https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bg/products_x330_thinkwaredashcam_x330.jpg') no-repeat center bottom;
    }

    .products .explain > .imgarea.img12 {
        background: url('https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bg/products_x350_thinkwaredashcam_x350.jpg') no-repeat center bottom;
    }

    .products .explain > .imgarea.img13 {
        background: url('https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bg/products_f50_thinkwaredashcam_f50.jpg') no-repeat center bottom;
    }

    .products .explain > .imgarea.img14 {
        background: url('https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bg/products_f770_thinkwaredashcam_f770.jpg') no-repeat center bottom;
    }

    .products .explain > .imgarea.img15 {
        background: url('https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bg/products_f100_thinkwaredashcam_f100.jpg') no-repeat center bottom;
    }

    .products .explain > .imgarea.img16 {
        background: url('https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bg/products_f800_thinkwaredashcam_f800.jpg') no-repeat center bottom;
    }

    .products .explain > .imgarea.img17 {
        background: url('https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bg/products_f800pro_thinkwaredashcam_f800pro_0213.jpg') no-repeat center bottom;
    }

    .products .explain > .imgarea.img18 {
        background: url('https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bg/products_f70_thinkwaredashcam_f70.jpg') no-repeat center bottom;
    }

    .products .explain > .imgarea.img19 {
        background: url('https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bg/products_f200_thinkwaredashcam_f200.jpg') no-repeat center bottom;
    }

    .products .explain > .imgarea {
        background-size: cover !important;
    }

        .products .explain > .imgarea.img20 {
            background: url('https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bg/products_x700_thinkwaredashcam_x700_0213.jpg') no-repeat center bottom;
        }

    .products .explain > .imgarea {
        background-size: cover !important;
    }

        .products .explain > .imgarea.img21 {
            background: url('https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bg/products_q800pro_thinkwaredashcam_q800pro.jpg') no-repeat center bottom;
        }

        .products .explain > .imgarea.img23 {
            background: url('https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bg/products_u1000_thinkwaredashcam_u1000_0828.jpg') no-repeat center bottom;
        }
        /* 20200722 */
        .products .explain > .imgarea.img24 {
            background: url('https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bg/products_t700_thinkwaredashcam_t700_0819.jpg') no-repeat center bottom;
        }
        /* 20201007 */
        .products .explain > .imgarea.img25 {
            background: url('https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bg/products_f200pro_thinkwaredashcam_f200pro_1007.jpg') no-repeat center bottom;
        }

        .products .explain > .imgarea.img26 {
            background: url('https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bg/thinkware-connected-mo_n.jpg') no-repeat center bottom;
        }

        .products .explain > .imgarea.img27 {
            background: url('https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bg/products_f790_thinkwaredashcam_f790.jpg') no-repeat center bottom;
        }

        .products .explain > .imgarea.img28 {
            background: url('https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bg/products_snapg_thinkwaregimbalcam_snapg_new.jpg') no-repeat center bottom;
        }

        .products .explain > .imgarea.img29 {
            background: url('https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bg/products_q1000_thinkwaredashcam_q1000_n.jpg') no-repeat center bottom;
        }
        .products .explain > .imgarea.img30 {
            background: url('https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bg/products_x800_thinkwaredashcam_x800_n.jpg') no-repeat center bottom;
        }
        .products .explain > .imgarea.img31 {
            background: url('https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bg/products_u3000_thinkwaredashcam_u3000_n.jpg') no-repeat center bottom;
        }
        .products .explain > .imgarea.img32 {
            background: url('https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bg/products_f70pro_thinkwaredashcam_f70pro_n.jpg') no-repeat center bottom;
        }


    .products .explain > .imgarea {
        background-size: cover !important;
    }

        .products .explain > .imgarea.img22 {
            background: url('https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bg/products_m1.jpg') no-repeat center bottom;
        }

    .products .explain > .content li .title {
        margin: 10px 0;
        padding: 0 6%;
        text-align: left
    }

        .products .explain > .content li .title h4 {
            width: 97%;
            height: 35px;
            padding: 15px 0 0 3%;
            border-radius: 5px;
            background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/btn/btn_products_down.png) no-repeat 95% center;
            background-color: #bfc6cd;
            color: #fff;
            font-size: 12px
        }

    .products .explain > .content li .content {
        display: none
    }

    .products .explain > .content ul.why_dashcam li .content {
        display: block
    }

    .products .explain > .content li.on .title {
        margin: 10px 0
    }

        .products .explain > .content li.on .title h4 {
            background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/btn/btn_products_more.gif) no-repeat 95% center;
            background-color: #4e545a
        }

    .products .explain > .content li.on .content {
        display: block
    }

    .products .log01 .movie {
        padding: 8% 6%;
        text-align: center
    }

        .products .log01 .movie .movie_area {
            position: relative;
            width: 100%
        }

            .products .log01 .movie .movie_area img {
                width: 100%
            }

            .products .log01 .movie .movie_area iframe {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%
            }

    .products .explain > .content .log01 .content {
        margin: 40px 0 0 0;
        padding: 0 6%;
        text-align: center
    }

        .products .explain > .content .log01 .content h4 {
            padding: 20px 0 0 0;
            background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bull/bull_title01.jpg) no-repeat center 0;
            font-size: 25px;
            line-height: 25px
        }

        .products .explain > .content .log01 .content p {
            margin: 20px 0 0 0;
            color: #777;
            font-size: 14px
        }

        .products .explain > .content .log01 .content img {
            width: 100%;
            margin: 35px 0
        }

    .products .explain > .content .log02 .content {
        padding: 40px 6% 55px;
        background: #c6cfd8;
        color: #fff;
        text-align: center
    }

        .products .explain > .content .log02 .content h4 {
            padding: 20px 0 0 0;
            background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bull/bull_title01.jpg) no-repeat center 0;
            font-size: 25px;
            line-height: 25px
        }

        .products .explain > .content .log02 .content > p {
            margin: 20px 0 40px;
            font-size: 14px;
            line-height: 18px
        }

        .products .explain > .content .log02 .content > img {
            width: 95%;
        }

        .products .explain > .content .log02 .content ul {
            padding: 0
        }

            .products .explain > .content .log02 .content ul li {
                width: 100%;
                padding: 5% 0;
                margin: 0 0 20px 0;
                background: #fff;
                color: #333
            }

                .products .explain > .content .log02 .content ul li.first {
                    margin: 0 0 40px 0
                }

                .products .explain > .content .log02 .content ul li img {
                    padding: 40px 0 20px
                }

                .products .explain > .content .log02 .content ul li h5 {
                    color: #34322f;
                    font-size: 20px
                }

                .products .explain > .content .log02 .content ul li p {
                    padding: 10px 4%;
                    color: #777;
                    font-size: 14px
                }

            .products .explain > .content .log02 .content ul.length01 li img {
                width: 60%;
            }

            .products .explain > .content .log02 .content ul.length02 li {
                margin: 0 3% 40px 0;
                background: #fff;
                color: #333;
                width: 100%;
                height: 100%;
            }

                .products .explain > .content .log02 .content ul.length02 li.last {
                    margin-right: 0;
                }

                .products .explain > .content .log02 .content ul.length02 li .box_tit {
                    color: #34322f;
                    padding-top: 120px;
                    font-size: 18px;
                    margin-bottom: 15px;
                }

                    .products .explain > .content .log02 .content ul.length02 li .box_tit span {
                        font-size: 15px;
                    }

                .products .explain > .content .log02 .content ul.length02 li .box_detail {
                    color: #777;
                    font-size: 14px;
                    padding: 0 25px;
                }

                .products .explain > .content .log02 .content ul.length02 li.tech_box1 .box_tit {
                    background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/icon/product_tech_box1_icon.gif) no-repeat center 30px;
                }

                .products .explain > .content .log02 .content ul.length02 li.tech_box2 .box_tit {
                    background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/icon/product_tech_box2_icon.gif) no-repeat center 30px;
                }

                .products .explain > .content .log02 .content ul.length02 li.tech_box3 .box_tit {
                    background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/icon/product_tech_box3_icon.gif) no-repeat center 30px;
                }

    .products .explain > .content .log03_1 { /* margin:40px 0 50px;*/
        text-align: center
    }
    /*.products .explain > .content .log03_1 ul li.first{margin:0}*/
    .products .explain > .content .mobile01.on .log03_1 ul li {
        margin: 40px 0 0;
    }

    .products .explain > .content .log03_1 ul li .content {
        width: 58%;
        padding: 0 21%
    }

        .products .explain > .content .log03_1 ul li .content img {
            width: 100%
        }

        .products .explain > .content .log03_1 ul li .content h4 {
            margin: 15px 0 10px;
            color: #34322f;
            font-size: 15px
        }

        .products .explain > .content .log03_1 ul li .content p {
            color: #777;
            font-size: 14px;
            line-height: 16px
        }

    .products .explain > .content .log06 .content {
        padding: 5% 4%;
        color: #fff;
        text-align: center;
        margin-top: 50px;
    }
        /* 제품 중상 영역 bg 이미지 관리 css */
        .products .explain > .content .log06 .content.log01 {
            background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bg/bg_products_content01_02.jpg) no-repeat center bottom
        }

        .products .explain > .content .log06 .content.log02 {
            background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bg/products_dualsave.jpg) no-repeat center bottom
        }

        .products .explain > .content .log06 .content.log03 {
            background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bg/bg_products_content03_02.jpg) no-repeat center bottom
        }

        .products .explain > .content .log06 .content.log04 {
            background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bg/bg_products_content04_02.jpg) no-repeat center bottom
        }

        .products .explain > .content .log06 .content h4 {
            padding: 0 0;
            font-size: 25px;
            line-height: 25px
        }

            .products .explain > .content .log06 .content h4 img {
                width: 50%
            }

        .products .explain > .content .log06 .content p {
            margin: 40px auto;
            font-size: 14px;
            line-height: 18px
        }

        .products .explain > .content .log06 .content span {
            font-size: 12px
        }

    .products .explain > .content .log07_1 { /* margin:40px 0 50px */
    }
    /*.products .explain > .content .log07_1 ul li.first{margin:0}*/
    .products .explain > .content .mobile01.on .log07_1 ul li {
        margin: 0 0 40px;
    }

    .products .explain > .content .mobile02.on .log07_1 ul li {
        margin: 0 0 40px;
    }

    .products .explain > .content .log07_1 ul li .content {
        width: 58%;
        padding: 0 21%;
        text-align: center
    }

        .products .explain > .content .log07_1 ul li .content img {
            width: 100%
        }

        .products .explain > .content .log07_1 ul li .content h4 {
            margin: 30px 0 20px;
            color: #34322f;
            font-size: 15px
        }

        .products .explain > .content .log07_1 ul li .content p {
            color: #777;
            font-size: 10px;
            line-height: 16px
        }

        .products .explain > .content .log07_1 ul li .content span {
            font-size: 9px
        }

    .products .explain > .content .log10 .content {
        padding: 40px 0 75px;
        background: #f5f5f5;
        text-align: center
    }

        .products .explain > .content .log10 .content h4 {
            padding: 20px 6% 0;
            background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bull/bull_title01.jpg) no-repeat center 0;
            font-size: 25px;
            text-align: center;
            line-height: 25px
        }

        .products .explain > .content .log10 .content > p {
            margin: 20px 0 40px;
            padding: 0 6%;
            color: #777;
            font-size: 14px;
            line-height: 16px
        }

        .products .explain > .content .log10 .content img {
            width: 100%
        }

        .products .explain > .content .log10 .content ul {
            padding: 0 6%;
            text-align: left
        }

            .products .explain > .content .log10 .content ul li {
                width: 100%;
                margin: 0 0 40px 0
            }

                .products .explain > .content .log10 .content ul li .imgarea {
                    float: left;
                    width: 27%
                }

                    .products .explain > .content .log10 .content ul li .imgarea img {
                        width: 100%
                    }

                .products .explain > .content .log10 .content ul li .textarea {
                    float: right;
                    width: 69%;
                    padding: 2% 2% 0
                }

                    .products .explain > .content .log10 .content ul li .textarea h5 {
                        color: #34322f;
                        font-size: 15px
                    }

                    .products .explain > .content .log10 .content ul li .textarea p {
                        margin: 10px 0;
                        color: #777;
                        font-size: 12px;
                        line-height: 16px
                    }

                    .products .explain > .content .log10 .content ul li .textarea span {
                        font-size: 12px;
                        color: #777
                    }

    .products .explain > .content .log11 .content {
        padding: 40px 6% 50px;
        text-align: center
    }

        .products .explain > .content .log11 .content h4 {
            padding: 20px 0 0 0;
            background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bull/bull_title01.jpg) no-repeat center 0;
            font-size: 25px
        }

        .products .explain > .content .log11 .content p {
            margin: 20px 0 0;
            font-size: 12px
        }

        .products .explain > .content .log11 .content span {
            font-size: 12px;
            color: #777
        }

    .products .explain > .content .log11 .marT85 {
        margin-top: 20px;
    }

        .products .explain > .content .log11 .marT85 img {
            width: 90%;
        }

    .products .explain > .content .log_12_1 { /* margin:40px 0 50px */
    }
    /*.products .explain > .content .log_12_1 ul li.first{margin:0}*/
    .products .explain > .content .mobile03.on .log_12_1 ul li {
        margin: 0 0 40px;
    }

    .products .explain > .content .log_12_1 ul li .content {
        width: 58%;
        padding: 0 21%;
        text-align: center
    }

        .products .explain > .content .log_12_1 ul li .content img {
            width: 100%
        }

        .products .explain > .content .log_12_1 ul li .content h5 {
            margin: 15px 0 10px;
            color: #34322f;
            font-size: 15px
        }

        .products .explain > .content .log_12_1 ul li .content p {
            color: #777;
            font-size: 10px;
            line-height: 16px
        }

    .products .explain > .content .log15 .content {
        padding: 20px 6% 10px;
        text-align: center;
        margin-bottom: 40px;
    }
        /* 제품 중간 영역 bg 이미지 관리 css */
        .products .explain > .content .log15 .content.log01 {
            background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bg/products_x300_easyinterface.jpg) no-repeat center top;
            background-size: 100% 100%;
        }

        .products .explain > .content .log15 .content.log02 {
            background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bg/products_f550_easyinterface.jpg) no-repeat center top;
            background-size: 100% 100%;
        }

        .products .explain > .content .log15 .content.log03 {
            background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bg/products_f500_easyinterface.jpg) no-repeat center top;
            background-size: 100% 100%;
        }

        .products .explain > .content .log15 .content.log04 {
            background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bg/products_h100_easyinterface.jpg) no-repeat center top;
            background-size: 100% 100%;
        }

        .products .explain > .content .log15 .content.log05 {
            background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bg/products_x500_easyinterface.jpg) no-repeat center top;
            background-size: 100% 100%;
        }

        .products .explain > .content .log15 .content.log05_1 {
            background: url('https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bg/products_x330_easyinterface.jpg') no-repeat center bottom;
            background-size: 100% 100%;
        }

        .products .explain > .content .log15 .content.log05_2 {
            background: url('https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bg/products_x350_easyinterface.jpg') no-repeat center bottom;
            background-size: 100% 100%;
        }

        .products .explain > .content .log15 .content.log05_3 {
            background: url('https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bg/products_f50_easyinterface.jpg') no-repeat center bottom;
            background-size: 100% 100%;
        }

        .products .explain > .content .log15 .content.log06 {
            background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bg/products_f750_easyinterface.jpg) no-repeat center top;
            background-size: 100% 100%;
        }

        .products .explain > .content .log15 .content.log07 {
            background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bg/products_x150_easyinterface.jpg) no-repeat center top;
            background-size: 100% 100%;
        }

        .products .explain > .content .log15 .content.log08 {
            background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bg/products_h50_easyinterface.jpg) no-repeat center top;
            background-size: 100% 100%;
        }

        .products .explain > .content .log15 .content h4 {
            padding: 20px 0 0 0;
            background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bull/bull_title01.jpg) no-repeat center 0;
            color: #fff;
            font-size: 25px;
            line-height: 25px
        }

        .products .explain > .content .log15 .content > p {
            margin: 20px 0;
            color: #fff;
            font-size: 12px
        }

        .products .explain > .content .log15 .content h5 {
            padding: 20px 0 0 0;
            background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bull/bull_title03.jpg) no-repeat center 0;
            color: #fff;
            font-size: 25px;
            line-height: 25px
        }

        .products .explain > .content .log15 .content table {
            margin: 15px auto 0;
            border: 0
        }

    .products .explain > .content .log_16_1 { /* margin:40px 0 50px */
    }
    /*.products .explain > .content .log_16_1 ul li.first{margin:0}*/
    .products .explain > .content .mobile02.on .log_16_1 ul li {
        margin: 0 0 40px;
    }

    .products .explain > .content .mobile03.on .log_16_1 ul li {
        margin: 0 0 40px;
    }

    .products .explain > .content .log_16_1 ul li .content {
        width: 58%;
        padding: 0 21%;
        text-align: center
    }

        .products .explain > .content .log_16_1 ul li .content img {
            width: 100%
        }

        .products .explain > .content .log_16_1 ul li .content h5 {
            margin: 15px 0 10px;
            color: #34322f;
            font-size: 15px
        }

        .products .explain > .content .log_16_1 ul li .content p {
            color: #777;
            font-size: 10px;
            line-height: 16px
        }

            .products .explain > .content .log_16_1 ul li .content p.sub_star {
                margin: 10px 0;
            }

    /* 추가 */
    .products .explain > .content .log_17_1 { /* margin:40px 0 50px */
    }
    /*.products .explain > .content .log_17_1 ul li.first{margin:0}*/
    .products .explain > .content .mobile02.on .log_17_1 ul li {
        margin: 0 0 40px;
    }

    .products .explain > .content .mobile03.on .log_17_1 ul li {
        margin: 0 0 40px;
    }

    .products .explain > .content .log_17_1 ul li .content {
        width: 58%;
        padding: 0 21%;
        text-align: center
    }

        .products .explain > .content .log_17_1 ul li .content img {
            width: 100%
        }

        .products .explain > .content .log_17_1 ul li .content h5 {
            margin: 15px 0 10px;
            color: #34322f;
            font-size: 15px
        }

        .products .explain > .content .log_17_1 ul li .content p {
            color: #777;
            font-size: 10px;
            line-height: 16px
        }

            .products .explain > .content .log_17_1 ul li .content p.sub_star {
                margin: 10px 0;
            }

    .products .explain > .content .log19 .content {
        padding: 40px 6% 75px;
        background: #f5f5f5;
        text-align: center
    }

        .products .explain > .content .log19 .content h4 {
            padding: 20px 0 0 0;
            background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bull/bull_title01.jpg) no-repeat center 0;
            font-size: 25px
        }

        .products .explain > .content .log19 .content img {
            width: 100%;
            margin: 10px 0 0
        }

        .products .explain > .content .log19 .content h5 {
            margin: 50px 0 15px;
            padding: 15px 0 0 0;
            background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bull/bull_title04.jpg) no-repeat center 0;
            font-size: 20px
        }

        .products .explain > .content .log19 .content table {
            margin: 0 auto
        }

        .products .explain > .content .log19 .content span {
            display: block;
            width: 88%;
            margin: 15px auto 0;
            color: #7296ba;
            font-size: 12px;
            line-height: 16px
        }

    .products .imgarea2 .textarea h4.title {
        margin: 85px 0 0 0;
        padding: 30px 0 0 0;
        background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bull/bull_title01.jpg) no-repeat center 0;
        font-size: 25px;
        text-align: center;
    }

    .products .imgarea2 .textarea h5 {
        margin: 50px 0;
        font-size: 24px
    }

    .products .imgarea2 .textarea .check_list {
        text-align: left;
        padding: 35px 0;
        width: 45%;
        margin: 0 auto
    }

        .products .imgarea2 .textarea .check_list li {
            float: left;
            width: 100%;
            margin: 5px 0;
            padding: 0 0 0 30px;
            background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bull/bull_check01.png) no-repeat 0 center;
            background-size: 15px;
            font-size: 15px;
            color: #666
        }

    .products .imgarea2 .textarea .btn_area {
        margin: 20px 0 80px 0
    }

    .products .content2_bg {
        background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bg/bg_dashcam.jpg) no-repeat #f8f8f2;
        background-size: 100%
    }

    .products .imgarea2 .imgarea {
        font-size: 0;
        overflow: hidden;
        text-align: center
    }

        .products .imgarea2 .imgarea img {
            width: 100%
        }

    .products .imgarea2 .textarea {
        height: 100%;
        text-align: center
    }

    .products .mobile06 .movie {
        padding: 4% 4%;
        text-align: center
    }

        .products .mobile06 .movie .movie_area {
            position: relative;
            width: 100%
        }

            .products .mobile06 .movie .movie_area img {
                width: 100%
            }

            .products .mobile06 .movie .movie_area iframe {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%
            }

    /* HIDDEN why dashcam css *****************************************************************/
    .products .explain > .content .log20 .content {
        margin: 40px auto 25px;
        padding: 0 6%;
        text-align: center
    }

        .products .explain > .content .log20 .content > h4 {
            padding: 20px 0 0 0;
            background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bull/bull_title01.jpg) no-repeat center 0;
            font-size: 32px;
            line-height: 34px
        }

        .products .explain > .content .log20 .content > h5 {
            margin: 45px 0 35px;
            padding: 15px 0 0 0;
            background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bull/bull_title04.jpg) no-repeat center 0;
            font-size: 24px;
            line-height: 36px
        }

        .products .explain > .content .log20 .content .imgarea {
            margin: 40px 0 0 0;
            text-align: center
        }

            .products .explain > .content .log20 .content .imgarea h5 {
                padding: 15px 0;
                font-size: 18px;
            }

                .products .explain > .content .log20 .content .imgarea h5.first {
                    font-size: 24px;
                    line-height: 30px;
                    padding: 15px 0 40px 0;
                    background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bull/bull_title04.jpg) no-repeat center 0;
                }

            .products .explain > .content .log20 .content .imgarea > p {
                margin: 30px 0 60px;
                color: #777;
                font-size: 14px;
                line-height: 22p
            }

            .products .explain > .content .log20 .content .imgarea ul li {
                float: left;
                text-align: center;
                padding-bottom: 30px;
            }

                .products .explain > .content .log20 .content .imgarea ul li.last {
                    margin: 0
                }

                .products .explain > .content .log20 .content .imgarea ul li.w100 {
                    width: 100%
                }

                .products .explain > .content .log20 .content .imgarea ul li p {
                    color: #777;
                    font-size: 14px
                }

                .products .explain > .content .log20 .content .imgarea ul li span.bull_star_nobg {
                    display: block;
                    padding: 10px 0 0 10px;
                    color: #777;
                    font-size: 14px
                }

                .products .explain > .content .log20 .content .imgarea ul li img {
                    width: 100%
                }

                    .products .explain > .content .log20 .content .imgarea ul li img.fr {
                        float: right;
                    }

                .products .explain > .content .log20 .content .imgarea ul li .textarea {
                    width: 100%;
                    margin: 0 0 20px 0;
                    text-align: left
                }

                    .products .explain > .content .log20 .content .imgarea ul li .textarea h6 {
                        margin: 30px 0 8px;
                        padding: 8px 0 0 0;
                        background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bull/bull_title02.jpg) no-repeat left 0;
                        font-size: 15px;
                        line-height: 17px
                    }

                    .products .explain > .content .log20 .content .imgarea ul li .textarea p {
                        color: #777;
                        font-size: 10;
                        line-height: 16px
                    }

                    .products .explain > .content .log20 .content .imgarea ul li .textarea span {
                        font-size: 9px
                    }

        .products .explain > .content .log20 .content .imgarea2 {
            text-align: center;
            margin: 0 0 40px 0;
        }

            .products .explain > .content .log20 .content .imgarea2 h5 {
                padding: 15px 0 0 0;
                font-size: 20px;
                line-height: 36px
            }

            .products .explain > .content .log20 .content .imgarea2 > p {
                margin: 15px 0 30px;
                color: #777;
                font-size: 14px;
                line-height: 22px
            }

            .products .explain > .content .log20 .content .imgarea2 ul li {
                width: 100%;
                margin: 0 0 30px 0;
                text-align: center
            }

                .products .explain > .content .log20 .content .imgarea2 ul li img {
                    width: 100%
                }

                .products .explain > .content .log20 .content .imgarea2 ul li.last {
                    margin: 0
                }

                .products .explain > .content .log20 .content .imgarea2 ul li h6 {
                    margin: 15px 0 10px;
                    font-size: 15px;
                    line-height: 22px
                }

                .products .explain > .content .log20 .content .imgarea2 ul li p {
                    color: #777;
                    font-size: 14px
                }

    .dashcam .imgarea3 .textarea h4 {
        padding: 0 6%;
        font-size: 25px
    }

    .products .explain > .content .log20 .content .imgarea3.first {
        padding-top: 40px;
    }

    .products .explain > .content .log20 .content .imgarea3 ul li {
        margin: 0 0 30px 0;
        text-align: center
    }

        .products .explain > .content .log20 .content .imgarea3 ul li h5 {
            font-size: 24px;
            line-height: 28px;
            padding: 15px 0 0 0;
            background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bull/bull_title04.jpg) no-repeat center 0;
        }

        .products .explain > .content .log20 .content .imgarea3 ul li img {
            width: 100%;
            margin: 40px 0
        }

        .products .explain > .content .log20 .content .imgarea3 ul li p {
            color: #777;
            font-size: 14px;
        }

    .why_dashcam .imgarea5 {
        position: relative;
        height: 450px
    }

        .why_dashcam .imgarea5 .textarea1 {
            position: absolute;
            top: 10%;
            padding: 0 10px;
            text-align: center
        }

            .why_dashcam .imgarea5 .textarea1 h4 {
                font-size: 24px;
                color: #fff;
            }

            .why_dashcam .imgarea5 .textarea1 h5 {
                font-size: 20px;
                color: #fff;
                margin-bottom: 40px;
            }

            .why_dashcam .imgarea5 .textarea1 > p {
                margin: 10px 0 0 0;
                font-size: 14px;
                color: #fff;
                line-height: 24px;
            }

            .why_dashcam .imgarea5 .textarea1 .btn_area {
                margin: 40px 0 0 0
            }

    .why_dashcam .imgarea4 {
        position: relative;
        height: 750px;
        background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bg/bg_dashcam03_m_1.jpg);
        font-size: 0
    }

    .why_dashcam .textarea img {
        margin: 40px 0 0 0;
        width: 100%
    }

    .why_dashcam .imgarea4 .textarea {
        position: absolute;
        top: 50px;
        width: 100%;
        text-align: center
    }

        .why_dashcam .imgarea4 .textarea h4 {
            padding: 0 6%;
            font-size: 25px
        }

        .why_dashcam .imgarea4 .textarea > p {
            margin: 10px 0 0 0;
            padding: 0 6%;
            font-size: 14px;
        }

        .why_dashcam .imgarea4 .textarea .btn_area {
            margin: 40px 0 0 0
        }

    /*procuct_submain 0916추가*/
    .products .content_list ul li .img, .products .content_list div .img {
        font-size: 0;
    }

    .products .content_list .review_w {
        position: relative;
        width: 100%;
        margin-top: 20px;
    }

        .products .content_list .review_w:after {
            display: block;
            content: "";
            clear: both;
        }

    .products .content_list .r_news {
        margin-bottom: 20px;
        width: 100%
    }

        .products .content_list .r_news .news_tit {
            font-size: 30px;
            font-weight: bold;
            width: 100%
        }

        .products .content_list .r_news .bod {
            border-top: 2px solid #c2c2c2;
            margin-bottom: 10px;
            width: 100%
        }

        .products .content_list .r_news p {
            font-size: 14px;
            width: 75%;
            margin-bottom: 10px; /*white-space:nowrap;text-overflow:ellipsis;overflow:hidden;*/
        }

        .products .content_list .r_news .origin {
            font-size: 12px;
            color: #C2c2c2;
            margin-left: 1%;
            display: block;
        }

        .products .content_list .r_news a:hover {
            text-decoration: underline;
        }

    .products .content_list .r_rig {
        display: block;
        float: left;
        width: 100%;
    }

        .products .content_list .r_rig ul li {
            width: 100%;
            margin: 0 0 40px 0;
        }

    .products .content_list .r_lef ul li {
        width: 100%;
        margin: 0 0 40px 0;
    }

    .products .content_list .r_rig img {
        width: 100%;
    }

    .products .content_list .r_lef img {
        width: 100%;
    }

    .products .content_list .r_lef {
        display: inline-block;
        width: 100%;
    }

    .products .content_list .r_rig .textarea {
        position: relative;
        width: 100%;
        height: 100%;
        background: #f0f0f0;
        letter-spacing: -1px;
        padding-bottom: 10px;
    }

    .products .content_list .r_rig h3 {
        font-size: 18px;
        font-weight: bold;
        color: #34322f;
        padding: 20px 0 0 20px;
    }

    .products .content_list .r_rig p {
        font-size: 13px;
        color: #777;
        padding-left: 20px;
    }

    .products .content_list .r_rig span {
        position: absolute;
        right: 19px;
        top: 51px;
        color: #008aeb;
        text-decoration: underline;
        font-weight: bold;
    }

    .products .content_list .r_lef .textarea {
        position: relative;
        width: 100%;
        height: 100%;
        background: #f0f0f0;
        letter-spacing: -1px;
        padding-bottom: 10px;
    }

        .products .content_list .r_lef .textarea:nth-child(even) {
            padding-bottom: 20px;
        }

    .products .content_list .r_lef h3 {
        font-size: 18px;
        font-weight: bold;
        color: #34322f;
        padding: 20px 0 0 20px;
    }

    .products .content_list .r_lef p {
        font-size: 14px;
        color: #777;
        padding-left: 20px;
    }

    .products .content_list .r_lef span {
        position: absolute;
        right: 19px;
        top: 70%;
        color: #008aeb;
        text-decoration: underline;
        font-weight: bold;
    }

    .products .content_list .r_lef ul li {
        float: left;
        display: block;
    }

        .products .content_list .r_lef ul li:nth-child(even) {
            padding-bottom: 20px;
        }

        .products .content_list .r_lef ul li:nth-child(odd) {
            padding-right: 20px;
        }

    .products .content_list .rew_sns {
        width: 100%;
    }

        .products .content_list .rew_sns .rs_rig {
            width: 100%;
            margin: 0 0 40px 0;
        }

            .products .content_list .rew_sns .rs_rig img {
                width: 100%;
            }

        .products .content_list .rew_sns .rs_lef {
            width: 100%;
            margin: 0 0 40px 0;
        }

            .products .content_list .rew_sns .rs_lef img {
                width: 100%;
            }

        .products .content_list .rew_sns .textarea2 {
            position: relative;
            width: 100%;
            height: 40px;
            background: #0197ed;
        }

        .products .content_list .rew_sns .textarea3 {
            position: relative;
            width: 100%;
            height: 40px;
            background: #506ecf;
        }

        .products .content_list .rew_sns .textarea2 h3 {
            position: absolute;
            left: 20px;
            top: -56px;
            font-size: 18px;
            color: #fff;
            font-weight: bold;
        }

        .products .content_list .rew_sns .textarea2 .r_txt {
            color: #fff;
            line-height: 40px;
            padding: 0 20px;
        }

        .products .content_list .rew_sns .textarea2 .r_more {
            position: absolute;
            right: 10px;
            top: 10px;
            color: #fff;
            text-decoration: underline;
        }

        .products .content_list .rew_sns .textarea3 h3 {
            position: absolute;
            left: 20px;
            top: -86px;
            font-size: 18px;
            letter-spacing: -1px;
            font-weight: bold;
            color: #fff;
        }

        .products .content_list .rew_sns .textarea3 .r_txt {
            color: #fff;
            line-height: 40px;
            padding: 0 20px;
            ;
        }

        .products .content_list .rew_sns .textarea3 .r_more {
            position: absolute;
            right: 10px;
            top: 10px;
            color: #fff;
            text-decoration: underline;
        }

    /* 20150310 추가 이벤트 페이지 */
    .products .event_list .review_w {
        position: relative;
        width: 100%;
        margin-top: 20px;
    }

        .products .event_list .review_w img {
            position: relative;
            width: 100%;
        }

    .products > .event_imgarea {
        position: relative;
        text-align: center;
        padding-top: 20px;
    }

        .products > .event_imgarea .img img {
            width: 100%;
        }

        .products > .event_imgarea .textarea h4 {
            font-size: 96px;
            color: #fff;
        }

        .products > .event_imgarea .textarea p, tit_detail {
            font-size: 35px;
            color: #fff;
        }

        .products > .event_imgarea .textarea h4 span {
            font-weight: bold;
        }

    .products .event_list .rew_prod {
        height: 155px;
        padding-top: 20px;
    }

        .products .event_list .rew_prod:after {
            display: block;
            content: "";
            clear: both;
        }

        .products .event_list .rew_prod .rs_rig {
            float: left;
            width: 75%;
        }

        .products .event_list .rew_prod .rs_lef {
            float: left;
            width: 25%;
        }

        .products .event_list .rew_prod .textarea2 {
            position: relative;
            width: 100%;
            height: 150px;
            background: #efd144;
        }

        .products .event_list .rew_prod .textarea3 {
            position: relative;
            width: 100%;
            height: 150px;
            background: #e9e8e8;
        }

        .products .event_list .rew_prod .textarea2 h3 {
            position: absolute;
            left: 20px;
            top: -56px;
            font-size: 18px;
            color: #fff;
            font-weight: bold;
        }

        .products .event_list .rew_prod .textarea2 .r_txt {
            color: #fff;
            line-height: 25px;
            text-align: center;
            padding-top: 50px;
            font-weight: bold;
            font-size: 25px;
        }

        .products .event_list .rew_prod .textarea3 h3 {
            position: absolute;
            left: 20px;
            top: -56px;
            font-size: 18px;
            letter-spacing: -1px;
            font-weight: bold;
            color: #fff;
        }

        .products .event_list .rew_prod .textarea3 .r_tit {
            color: #000;
            line-height: 20px;
            padding-left: 2%;
            padding-top: 35px;
            font-size: 25px;
            font-weight: bold;
        }

        .products .event_list .rew_prod .textarea3 .r_txt {
            color: #000;
            line-height: 20px;
            text-align: left;
            padding-top: 10px;
            font-size: 18px;
            padding-left: 3%;
        }

            .products .event_list .rew_prod .textarea3 .r_txt del {
                color: #000;
                line-height: 20px;
                text-align: left;
                padding-top: 20px;
                font-size: 15px;
            }

            .products .event_list .rew_prod .textarea3 .r_txt span {
                color: red;
                line-height: 24px;
                text-align: center;
                padding-top: 20px;
                font-size: 20px;
                font-weight: bold;
            }

        .products .event_list .rew_prod .textarea3 .r_txt1 {
            color: #000;
            line-height: 20px;
            text-align: left;
            padding-top: 5px;
            font-size: 15px;
            padding-left: 3%;
        }

    .products > .event_imgarea .textarea {
        position: absolute;
        top: 11%;
        left: 67.5%;
    }

        .products > .event_imgarea .textarea .tit_detail {
            font-size: 26px;
            color: #473d44;
        }

        .products > .event_imgarea .textarea .title {
            font-size: 76px;
            margin-top: -28px;
            color: #473d44;
        }

        .products > .event_imgarea .textarea .yr {
            font-size: 24px;
            margin-top: -28px; /* color:#473d44;*/
        }

    .products > .event_imgarea .textarea1 {
        position: absolute;
        top: 35%;
        left: 63%;
    }

        .products > .event_imgarea .textarea1 img {
            width: 70%;
        }

    .products > .event_imgarea .textarea2 {
        position: absolute;
        top: 56%;
        left: 67%;
    }

        .products > .event_imgarea .textarea2 .r_tit {
            font-size: 20px;
            color: #000;
            font-weight: bold;
        }

        .products > .event_imgarea .textarea2 .r_txt span {
            font-size: 20px;
            color: red;
        }

        .products > .event_imgarea .textarea2 .r_txt del {
            font-size: 15px;
            color: #000;
        }

        .products > .event_imgarea .textarea2 .r_txt1 {
            font-size: 18px;
            color: #000;
        }

    .products > .event_imgarea .textarea3 {
        position: absolute;
        top: 73%;
        left: 65%;
    }

        .products > .event_imgarea .textarea3 img {
            width: 70%;
        }
    /* 20150310 추가 이벤트 페이지 END */

    /*0918추가 product view 모바일*/
    .wrap .content_acc {
        width: 100%;
        margin: 0 auto;
    }

        .wrap .content_acc .titop {
            width: 93%;
            margin: 0 auto;
            height: 178px;
            border-bottom: 1px solid #696969;
        }

            .wrap .content_acc .titop p {
                padding-top: 50px;
                font-size: 50px;
                vertical-align: top;
                color: #333;
                font-weight: normal;
                text-align: center;
                line-height: 50px;
                letter-spacing: -2px
            }

                .wrap .content_acc .titop p img {
                    width: 63%;
                }

        .wrap .content_acc .proP {
            position: relative;
            width: 93%;
            margin: 0 auto;
            padding: 40px 0 100px 0;
            border-bottom: 1px solid #696969;
            text-align: center;
        }

            .wrap .content_acc .proP:last-child {
                border-bottom: none
            }

            .wrap .content_acc .proP .imgarea img {
                display: block;
                width: 100%;
            }

            .wrap .content_acc .proP h3 {
                font-size: 50px;
                color: #333;
                font-weight: normal;
                padding: 20px 0 30px 0;
            }

            .wrap .content_acc .proP p {
                font-size: 16px;
                color: #777;
                letter-spacing: -1px;
                line-height: 26px
            }

    /*products_pc_view 모바일 추가*/
    .wrap .content_pro {
        width: 100%;
        margin: 0 auto;
        position: relative;
        text-align: center;
        width: 88%;
        margin-bottom: 70px;
    }

        .wrap .content_pro .titop_pcV {
            text-align: center;
            width: 100%;
        }

            .wrap .content_pro .titop_pcV .tittop_tit {
                display: none;
            }

            .wrap .content_pro .titop_pcV .m_tittop_tit {
                padding-top: 70px;
                font-size: 40px;
                line-height: 50px;
                vertical-align: top;
                color: #333;
                text-align: center;
                letter-spacing: -2px;
            }

            .wrap .content_pro .titop_pcV p span {
                font-weight: normal;
            }

            .wrap .content_pro .titop_pcV .tittop_s {
                padding-top: 25px;
                font-size: 18px;
                line-height: 30px;
            }

            .wrap .content_pro .titop_pcV .tittop_ss {
                padding: 35px 0 70px 0;
                font-size: 16px;
                line-height: 28px;
                color: #777;
            }

    .wrap .content_proW {
        width: 100%;
        position: relative;
        background-color: #f5f5f5;
        height: 754px;
    }

    .wrap .content_pro .pcV {
        text-align: center;
    }

        .wrap .content_pro .pcV p {
            font-size: 40px;
            line-height: 50px;
            text-align: center;
            letter-spacing: -2px;
            padding-bottom: 29px
        }

            .wrap .content_pro .pcV p.pcv_txt {
                font-size: 16px;
                line-height: 26px;
                color: #777;
                text-align: center;
                letter-spacing: 0;
                padding-bottom: 40px
            }

    .wrap .content_pro .prv_01 {
        padding-top: 88px;
        text-align: center;
    }

        .wrap .content_pro .prv_01 p {
            text-align: center;
            padding-bottom: 40px;
        }

            .wrap .content_pro .prv_01 p.pcv_txt {
                text-align: center;
                padding-bottom: 53px;
            }

        .wrap .content_pro .prv_01 img {
            width: 80%;
        }

    .wrap .content_pro .prv_02 {
        width: 93%;
        margin: 0 auto;
        padding-top: 115px;
        position: relative;
    }

        .wrap .content_pro .prv_02 .lef_area {
            width: 100%;
            text-align: center;
        }

        .wrap .content_pro .prv_02 .rig_area {
            display: none;
        }

        .wrap .content_pro .prv_02 .m_img, .wrap .content_pro .prv_03 .m_img {
            display: block;
            width: 100%;
        }

            .wrap .content_pro .prv_02 .m_img img, .wrap .content_pro .prv_03 .m_img img {
                display: block;
                width: 93%;
            }

    .wrap .content_pro .prv_03 {
        margin: 0 auto;
        padding: 120px 0 40px 0;
        position: relative;
        width: 93%;
    }

        .wrap .content_pro .prv_03 .lef_area {
            display: none
        }

        .wrap .content_pro .prv_03 .rig_area {
            width: 100%;
        }

    /*추가 product tab_con(0923) */
    .products .explain > .content .title {
        margin: 10px 0;
        padding: 0 6%;
        text-align: left;
        position: relative;
    }

        .products .explain > .content .title .titbox {
            width: 97%;
            height: 35px;
            padding: 15px 0 0 3%;
            border-radius: 5px;
            background: #bfc6cd url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/btn/ico_plus.png) no-repeat 95% center;
        }

        .products .explain > .content .title h4 {
            color: #fff;
            font-size: 12px
        }
    /*.products .explain > .content .titbox:after{content:'+';position:absolute;left:90%;top:5%;width:30px;height:30px;color:#fff;font-size:30px;}*/
    .products .explain > .content .active .titbox {
        color: #fff;
        background-color:;
        background: #4e545a url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/btn/ico_minus.png) no-repeat 95% center;
    }
    /*.products .explain > .content .active .titbox:after{content:'-';position:absolute;left:90%;top:5%;width:30px;height:30px;color:#fff;font-size:30px;}*/

    /*악세서리 View 영역*/
    .products .explain > .content .log21 .content {
        margin: 80px auto 50px;
        padding: 0 4%;
        text-align: center
    }

    .content .con_wrap {
        overflow: hidden;
    }

        .content .con_wrap #con_text {
            float: left;
            width: 100%;
            text-align: left;
        }

            .content .con_wrap #con_text h1 {
                margin-top: 20px;
                font-size: 24px;
                font-weight: 500;
            }

            .content .con_wrap #con_text h2 {
                font-size: 19px;
            }

            .content .con_wrap #con_text p {
                margin-top: 20px;
                font-size: 15px;
            }

    div#content {
        float: none !important;
        margin: 0 auto !important;
    }

    .content .product_info {
        margin-top: 40px;
    }

        .content .product_info table {
            width: 100%;
            text-align: left;
            font-size: 16px;
        }

            .content .product_info table caption {
                font-size: 20px;
                text-align: left;
                border-bottom: 1px solid #ccc;
                height: 40px;
                line-height: 40px;
                font-weight: 500;
            }

            .content .product_info table tr {
                border-bottom: 1px solid #eee;
            }

            .content .product_info table ul li {
                width: 100%;
                margin: 10px 0 !important;
                font-size: 14px;
            }

            .content .product_info table .thd {
                width: 100px;
                color: #3898d3;
            }

            /* 20200715 표 css 추가 */
            .content .product_info table .box1 {
                border-width: 1px 1px 0px 0px;
                border-style: solid solid none none;
                border-color: rgb(0, 0, 0) rgb(0, 0, 0) currentColor currentColor;
                border-image: none;
                font-size: 8px;
            }

                .content .product_info table .box1 td {
                    border-width: 0px 0px 1px 1px;
                    border-style: none none solid solid;
                    border-color: currentColor currentColor rgb(0, 0, 0) rgb(0, 0, 0);
                    width: 211px;
                    height: 28px;
                }

                    .content .product_info table .box1 td.tit {
                        background-color: rgb(172, 172, 172);
                    }

                        .content .product_info table .box1 td.tit p {
                            text-align: center;
                        }

                        .content .product_info table .box1 td.tit span {
                            color: rgb(0, 0, 0);
                        }
    /* 20200715  Radar_module 표 */
    .content .product_info2 {
        padding-top: 40px;
    }

        .content .product_info2 .box2 {
            border-width: 1px 1px 0px 0px;
            border-style: solid solid none none;
            border-color: rgb(0, 0, 0) rgb(0, 0, 0) currentColor currentColor;
            border-image: none;
            padding: 10px 15px;
            font-size: 14px;
        }

            .content .product_info2 .box2 td {
                border-width: 0px 0px 1px 1px;
                border-style: none none solid solid;
                border-color: currentColor currentColor rgb(0, 0, 0) rgb(0, 0, 0);
                width: 211px;
                height: 28px;
            }


    .log21 .content {
        margin: 40px auto 40px !important;
    }

    .products .explain > .content .log21 .content .acc_detail h1 {
        font-size: 20px;
        text-align: left;
        border-bottom: 1px solid #ccc;
        height: 40px;
        line-height: 40px;
        font-weight: 500;
    }

    .products .explain > .content .log21 .content .acc_detail {
        overflow: hidden;
        margin-top: 20px;
    }

        .products .explain > .content .log21 .content .acc_detail > div {
            float: left;
            width: 100%;
            margin: 0 0 80px 0;
        }

            .products .explain > .content .log21 .content .acc_detail > div.imgarea {
                margin-right: 5%;
            }

        .products .explain > .content .log21 .content .acc_detail .imgarea {
            overflow: hidden;
        }

        .products .explain > .content .log21 .content .acc_detail dl {
            float: left;
            width: 48%;
            margin: 2% 0 0 0;
        }

            .products .explain > .content .log21 .content .acc_detail dl.first {
                margin: 2% 4% 0 0;
            }

            .products .explain > .content .log21 .content .acc_detail dl.second {
                margin: 2% 0 0 0;
            }

        .products .explain > .content .log21 .content .acc_detail dt {
        }

        .products .explain > .content .log21 .content .acc_detail dl dd {
            font-size: 16px;
            line-height: 26px;
            color: #777;
        }

    .products .etc_product {
        padding: 59px 0 45px;
        background: #eaeaea;
    }

        .products .etc_product ul {
            margin: 0 auto;
            width: 90%;
        }

        .products .etc_product div {
            text-align: center;
        }

            .products .etc_product div.float_right {
                float: none;
                margin-top: 24px;
            }

        .products .etc_product img {
            width: 70%;
        }

        .products .etc_product h5 {
            padding-top: 15px;
            font-size: 15px;
            color: #34332f;
            font-weight: 400;
            text-align: center;
        }

        .products .etc_product p {
            padding-top: 12px;
            font-size: 12px;
            color: #686868;
            text-align: center;
            line-height: 15px;
        }

    /* CONTACT US css */
    .contact {
        padding: 0 6%
    }

        .contact > .post {
            margin: 40px 0 0
        }

            .contact > .post sup {
                color: #3898d3
            }

            .contact > .post .textarea {
                margin: 0 0 40px 0
            }

                .contact > .post .textarea h4 {
                    padding: 20px 0 0 0;
                    background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bull/bull_title02.jpg) no-repeat left 0;
                    font-size: 30px
                }

                .contact > .post .textarea p {
                    margin: 20px 0 0 0;
                    font-size: 14px;
                }

            .contact > .post .infor {
                margin: 0 0 40px 0;
                padding: 40px;
                background: #eff0f0
            }

                .contact > .post .infor input[type="text"], .contact > .post .infor textarea {
                    height: 24px;
                    border: 1px solid #e4e4e4;
                    background: #fff
                }

                .contact > .post .infor label {
                    font-size: 14px
                }

                .contact > .post .infor input {
                    width: 100%
                }

                .contact > .post .infor .name {
                    margin: 0 0 30px 0
                }

                    .contact > .post .infor .name input {
                        width: 99%;
                        padding: 0 0 0 1%
                    }

                .contact > .post .infor .mail {
                    margin: 0 0 30px 0
                }

                    .contact > .post .infor .mail input {
                        width: 99%;
                        padding: 0 0 0 1%
                    }

                .contact > .post .infor .company {
                    margin: 0 0 30px 0
                }

                    .contact > .post .infor .company input {
                        width: 99%;
                        padding: 0 0 0 1%
                    }

                .contact > .post .infor .title {
                    float: left;
                    width: 100%;
                    margin: 0 0 30px 0
                }

                    .contact > .post .infor .title input {
                        width: 99%;
                        padding: 0 0 0 1%
                    }

                .contact > .post .infor .contents {
                    float: left;
                    width: 100%
                }

                    .contact > .post .infor .contents textarea {
                        width: 98%;
                        max-width: 98%;
                        min-height: 120px;
                        margin: 0 0 20px 0;
                        padding: 15px 1%;
                        overflow: hidden
                    }

                .contact > .post .infor .attach {
                    float: left;
                    width: 100%;
                    margin: 0 0 10px 0
                }

                    .contact > .post .infor .attach input {
                        float: left;
                        width: 60%;
                        padding: 0 0 0 1%
                    }

                    .contact > .post .infor .attach .btn_area {
                        float: left;
                        margin: 0 0 0 10px
                    }

                .contact > .post .infor span.point {
                    float: left;
                    font-size: 13px;
                }

            .contact > .post .btn_area {
                margin: 0 0 150px 0;
                text-align: center
            }

            .contact > .post .manage_infor {
                border-top: #bcbec0 1px dashed;
                border-bottom: #bcbec0 1px dashed;
                padding: 30px 0 19px;
                margin-bottom: 40px;
                overflow: hidden;
            }

                .contact > .post .manage_infor > div {
                    padding: 0 0 0 45px;
                }

                    .contact > .post .manage_infor > div.call {
                        background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/icon/icon_call.png) no-repeat left top;
                        margin: 0 50px 15px 0;
                        background-size: 30px
                    }

                    .contact > .post .manage_infor > div.hours {
                        background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/icon/icon_hours.png) no-repeat left top;
                        margin: 0 0 15px 0;
                        background-size: 35px
                    }

                    .contact > .post .manage_infor > div > p {
                        color: #777;
                        font-size: 12px
                    }

                        .contact > .post .manage_infor > div > p.title {
                            color: #333;
                            font-size: 15px;
                            margin-bottom: 8px;
                        }

    /* SUPPORT main css */
    .support .support_top {
        background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/content/support/support_home_welcome.jpg) no-repeat center bottom;
        background-size: 70%;
        width: 100%;
        margin: 0 auto;
        padding-bottom: 55%;
    }

        .support .support_top p {
            color: #777;
            width: 75%;
            text-align: center;
            font-size: 14px;
            margin: 0 auto;
        }

            .support .support_top p.title {
                font-size: 20px;
                padding: 60px 0 0;
                color: #333;
                width: 100%;
                text-align: left;
                margin-bottom: 25px;
                line-height: 25px;
                text-align: center;
            }

    .support .support_con {
        background: #f5f5f5;
        padding: 75px 0 40px;
    }

        .support .support_con .boxarea {
            overflow: hidden;
            margin: 0 auto 50px;
            padding: 0 5%;
        }

            .support .support_con .boxarea li {
                width: 100%;
                margin-right: 30px;
                margin-bottom: 30px;
            }

                .support .support_con .boxarea li > div {
                    background: #fff;
                    text-align: center;
                    padding: 32px 0 25px;
                }

                    .support .support_con .boxarea li > div > div > img {
                        width: 10%;
                    }

                    .support .support_con .boxarea li > div > p {
                        font-size: 12px;
                        color: #777
                    }

                        .support .support_con .boxarea li > div > p.title {
                            font-size: 13px;
                            color: #333;
                            margin-bottom: 10px;
                        }

        .support .support_con .quickservice {
            border-top: dashed 1px #b5b8ba;
            margin: 0 auto;
            overflow: hidden;
            padding: 40px 0 0;
        }

            .support .support_con .quickservice p.title {
                font-size: 13px;
                color: #333;
                margin-bottom: 30px;
                text-align: center;
            }

            .support .support_con .quickservice ul {
                overflow: hidden;
                text-align: center
            }

                .support .support_con .quickservice ul li {
                    font-size: 12px;
                    color: #777;
                    padding-top: 12px;
                }

                    .support .support_con .quickservice ul li > img {
                        vertical-align: top;
                        margin-right: 8px;
                        position: relative;
                        top: 3px;
                        width: 9px
                    }

    /* SUPPORT css */
    .support {
    }

        .support .tap {
            display: none
        }

        .support .m_tap {
            margin: 40px 0 10px;
            padding: 0 6%
        }

            .support .m_tap fieldset {
                width: 100%
            }

            .support .m_tap .videos_select {
                width: 100%;
                border-radius: 5px;
                background: #4e545a;
                behavior: url(PIE.htc)
            }

                .support .m_tap .videos_select .my_value {
                    width: 96%;
                    height: 35px;
                    padding: 15px 0 0 4%;
                    color: #fff;
                    font-size: 16px;
                    font-weight: normal
                }

                .support .m_tap .videos_select .arrow {
                    position: absolute;
                    width: 0;
                    height: 0;
                    top: 13px;
                    right: 9px;
                    border-top: 6px solid #fff;
                    border-left: 6px solid #4e545a;
                    border-right: 6px solid #4e545a;
                    font-size: 0;
                    line-height: 0
                }

                .support .m_tap .videos_select .ctrl {
                    position: absolute;
                    top: 7px;
                    right: 15px;
                    width: 18px;
                    height: 19px
                }

                .support .m_tap .videos_select ul.i_list {
                    top: 46px;
                    border-radius: 0 0 5px 5px;
                    background: #ccd5de;
                    z-index: 10;
                    behavior: url(PIE.htc)
                }

                    .support .m_tap .videos_select ul.i_list li {
                        height: 51px
                    }

                        .support .m_tap .videos_select ul.i_list li label {
                            height: 35px;
                            padding: 15px 0 0 10px;
                            border-top: 1px solid #fff;
                            background: #ccd5de;
                            color: #fff;
                            font-size: 16px;
                        }

        /* SUPPORT download css */
        .support .download {
        }

            .support .download .list {
                padding: 0 4%
            }

                .support .download .list .m_list {
                    position: relative
                }

                    .support .download .list .m_list > .title {
                        display: block;
                        margin: 0 2%;
                        padding: 15px 30px;
                        border-bottom: 1px solid #e5e5e5;
                        color: #4e545a;
                        font-size: 16px
                    }

                    .support .download .list .m_list .ctrl {
                        position: absolute;
                        top: 12px;
                        right: 25px;
                        width: 18px;
                        height: 19px
                    }

                    .support .download .list .m_list .arrow {
                        position: absolute;
                        width: 0;
                        height: 0;
                        top: 13px;
                        right: 9px;
                        border-top: 6px solid #999;
                        border-left: 6px solid #fff;
                        border-right: 6px solid #fff;
                        font-size: 0;
                        line-height: 0
                    }

                    .support .download .list .m_list .list {
                        display: none
                    }

                        .support .download .list .m_list .list ul li {
                            float: left;
                            width: 100%;
                            border-bottom: 1px solid #e5e5e5;
                            text-align: center
                        }

                            .support .download .list .m_list .list ul li .title {
                                float: left;
                                width: 23%;
                                height: 50px;
                                padding: 25px 0 0 0;
                                color: #666;
                                font-size: 16px
                            }

                                .support .download .list .m_list .list ul li .title.on {
                                    color: #3898d3
                                }

                            .support .download .list .m_list .list ul li ul.i_list {
                                float: right;
                                width: 75%
                            }

                                .support .download .list .m_list .list ul li ul.i_list li {
                                    width: 42%;
                                    border: 0;
                                    margin-right: 10px;
                                    padding: 20px 0;
                                }

                .support .download .list ul li img {
                    width: 100%;
                    display: none;
                }

                .support .download .list ul li p {
                    color: #333;
                    font-weight: normal;
                    font-size: 22px;
                }

                .support .download .list ul li.on p {
                    color: #3898d3;
                    text-decoration: underline;
                }

            .support .download > .content {
                margin: 50px 0 0 0;
                padding: 40px 0 75px;
                background: #e8e8e8
            }

                .support .download > .content .textarea {
                    padding: 0 4%;
                    text-align: center
                }

                    .support .download > .content .textarea h4 {
                        padding: 15px 0 0 0;
                        background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bull/bull_title01.jpg) no-repeat center 0;
                        font-size: 25px
                    }

                        .support .download > .content .textarea h4 span {
                            color: #3898d3
                        }

                    .support .download > .content .textarea .btn_area {
                        margin: 40px 0 50px
                    }

                        .support .download > .content .textarea .btn_area a {
                            margin: 0 0 10px 0
                        }

                .support .download > .content .file {
                    padding: 0 3%
                }
            /*.support .download > .content .file ul li{display:none}
	.support .download > .content .file ul li.w_hidden{display:block;width:100%;padding:10px 0;background:#fff;font-size:15px;font-weight:normal;text-align:center}*/
            .support .download .content.c_log01 {
                display: none
            }

            .support .download .content.c_log02 {
                display: none
            }

            .support .download .content.c_log03 {
                display: none
            }

            .support .download .content.c_log04 {
                display: none
            }

            .support .download .content.c_log05 {
                display: none
            }
            /*.support .download .content.c_log06{display:none}*/
            .support .download .content.c_log07 {
                display: none
            }

            .support .download .content.c_log08 {
                display: none
            }

            .support .download .content.c_log07 {
                display: none
            }

            .support .download .content.c_log08 {
                display: none
            }

            .support .download .content.c_log09 {
                display: none
            }

            .support .download .content.c_log10 {
                display: none
            }

            .support .download .content.c_log11 {
                display: none
            }

            .support .download .content.c_log12 {
                display: none
            }

            .support .download .content.c_log13 {
                display: none
            }

            .support .download .content.c_log14 {
                display: none
            }

            .support .download .content.c_log15 {
                display: none
            }

            /* 다운로드 센터 추가 20150223 */
            .support .download > .content .file {
                width: 100%;
                margin: 0 auto
            }

                .support .download > .content .file ul .file_li {
                    float: left;
                    width: 89%;
                    min-height: 605px;
                    margin: 1% 2%;
                    background: #fff;
                    text-align: center
                }

                    .support .download > .content .file ul .file_li h4 {
                        margin: 60px 0 20px;
                        font-size: 30px
                    }

                    .support .download > .content .file ul .file_li p {
                        color: #777;
                        font-size: 16px
                    }

                    .support .download > .content .file ul .file_li img {
                        margin: 50px 0 60px
                    }

                    .support .download > .content .file ul .file_li .btn_area {
                        margin: 0 0 60px 0
                    }

                .support .download > .content .file ul .file_li3 {
                    float: left;
                    width: 89%;
                    min-height: 605px;
                    margin: 1% 2%;
                    background: #fff;
                    text-align: center
                }

                    .support .download > .content .file ul .file_li3 h4 {
                        margin: 60px 0 20px;
                        font-size: 30px
                    }

                    .support .download > .content .file ul .file_li3 p {
                        color: #777;
                        font-size: 16px
                    }

                    .support .download > .content .file ul .file_li3 img {
                        margin: 50px 0 60px
                    }

                    .support .download > .content .file ul .file_li3 .btn_area {
                        margin: 0 0 60px 0
                    }

                .support .download > .content .file ul .file_li2 {
                    float: left;
                    width: 89%;
                    min-height: 605px;
                    margin: 1% 2%;
                    background: #fff;
                    text-align: center
                }

                    .support .download > .content .file ul .file_li2 h4 {
                        margin: 60px 0 20px;
                        font-size: 30px
                    }

                    .support .download > .content .file ul .file_li2 p {
                        color: #777;
                        font-size: 16px
                    }

                    .support .download > .content .file ul .file_li2 img {
                        margin: 50px 0 60px
                    }

                    .support .download > .content .file ul .file_li2 .btn_area {
                        margin: 0 0 60px 0
                    }

    .sel_size {
        width: 206px;
        height: 35px;
        border-radius: 5px;
        background: #818286;
        color: #fff;
        border: 1px solid #BABABA;
        padding: 7px 5px;
        margin-bottom: 5px;
    }

    .btn_hover:hover {
        text-decoration: underline;
    }

    /* 레이어 팝업 */
    .popupLayer {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 100;
        -ms-filter: alpha(opacity=50);
        filter: alpha(opacity=50);
        opacity: 0.3;
        -moz-opacity: 0.3;
    }

        .popupLayer .back {
            position: fixed;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            background: #000;
            z-index: 101;
        }

    .popup_box {
        position: fixed;
        left: 17%;
        top: 0%;
        z-index: 102;
        background: #fff;
        width: 250px;
        height: 350px;
    }

        .popup_box .popup_contents {
            position: absolute;
            left: 0%;
            top: 0%;
            width: 250px;
            height: 350px;
            z-index: 102;
        }

        .popupLayer iframe, .popup_box iframe {
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
        }

    .pop_btn {
        width: 30px;
        height: 30px;
        position: absolute;
        right: 7px;
        top: 7px;
        background: #000;
        color: #fff;
        border: none;
    }
    /* 레이어 팝업 E */

    /* Check latest version 레이어 팝업 20200525 */
    .version_modal-content {
        width: 60%;
        height: 400px;
    }

        .version_modal-content .version-scroll-bar {
            overflow-y: scroll;
            height: 180px;
            padding: 10px;
        }

    .select {
        position: relative;
        line-height: normal;
        display: inline-block;
        *display: inline;
        vertical-align: middle;
        background: #818286;
        *zoom: 1;
        border-radius: 5px;
        width: 206px;
    }
    .select_macOs{
        display:block;
        margin: 0 auto;
        margin-bottom: -12px;
    }    

        .select * {
            margin: 0;
            padding: 0;
            cursor: pointer;
            font-size: 12px;
            font-family: Tahoma, Sans-serif;
        }

        /* 20200522 팝업창 위로 버튼 테두리 수정 */
        .select .myValue {
            position: relative;
            z-index: 1;
            left: 0;
            top: 0;
            border: 1px solid #bababa;
            color: #fff;
            line-height: 19px;
            _line-height: normal;
            text-align: left;
            overflow: visible;
            background: transparent;
        }

            .select .myValue.selected {
                font-weight: bold;
            }

            .select.open .myValue,
            .select .myValue.outLine {
                border: 1px solid #999;
            }

        .select button.myValue {
            height: 38px;
            width: 100%;
            text-indent: 5px;
            *text-indent: 0;
            *padding-left: 5px;
            border-radius: 5px;
        }

        .select div.myValue {
            height: 19px;
            text-indent: 8px;
        }

        .select .ctrl {
            position: absolute;
            top: 9px;
            right: 0;
            width: 18px;
            height: 19px; /*border:1px solid #bababa;border-left:1px solid #eaeaea;background:#fff;*/
        }

        .select .arrow {
            position: absolute;
            width: 0;
            height: 0;
            top: 9px;
            right: 6px;
            line-height: 0;
            font-size: 0;
            border-top: 5px solid #fff;
            border-left: 5px solid #818286;
            border-right: 5px solid #818286;
        }

        .select ul {
            z-index:2;
            top: 38px;
            left: 0;
            width: 100%;
            list-style: none;
            border: 0;
            border-top: 1px solid #bababa;
            border-bottom: 1px solid #bababa;
            background: #818286;
            overflow: hidden;
            border-radius: 5px;
        }

            .select ul.aList {
                display: none;
            }

        .select.open ul.aList {
            display: block;
        }

        .select ul.iList {
            left: -2000%;
        }

        .select.open ul.iList {
            left: 0;
        }

        .select li {
            position: relative;
            overflow: hidden;
            white-space: nowrap;
            height: 18px;
            border-left: 1px solid #bababa;
            border-right: 1px solid #bababa;
        }

            .select li input.option {
                position: absolute;
                width: 100%;
                height: 20px;
                line-height: 20px;
            }

            .select li label {
                position: absolute;
                left: 0;
                top: 0;
                width: 100%;
                text-indent: 8px;
                *text-indent: 6px;
                height: 18px;
                line-height: 18px;
                color: #767676;
                background: #fff;
            }

            .select li a {
                display: block;
                text-indent: 8px;
                *text-indent: 6px;
                height: 18px;
                line-height: 18px;
                color: #fff;
                background: #818286;
                text-decoration: none;
                text-align: left;
            }

            .select li.hover * {
                background: #999;
                color: #fff;
            }

    /* SUPPORT faq css */
    .support .faq {
        margin: 30px 0 0;
        padding: 0 6%
    }

        .support .faq .list {
            width: 100%;
            margin: 0 auto
        }

    @media all and (min-width:200px) and (max-width:425px) {
        .support .faq .list {
            width: 96%;
        }
    }

    .support .faq .list ul li {
        float: left;
        margin: 0 20px 8px 0;
        padding: 0 20px 0 0;
        border-right: 1px solid #c7c7c7
    }

        .support .faq .list ul li a {
            color: #999;
            font-size: 14px;
            font-weight: normal
        }

        .support .faq .list ul li.on a {
            color: #3898d3
        }

        .support .faq .list ul li.last {
            margin: 0;
            padding: 0;
            border: 0
        }

    .support .faq .faq_list {
        margin: 30px 0 100px;
        border-top: 1px solid #696969;
        border-bottom: 1px solid #696969
    }

        .support .faq .faq_list ul li .title {
            border-top: 1px solid #c7c7c7;
            background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/btn/btn_tap_off.png) no-repeat right 45%;
            background-size: 20px
        }

        .support .faq .faq_list ul li.first .title {
            border: 0
        }

        .support .faq .faq_list ul li .title a {
            display: block;
            width: 80%;
            padding: 17px 0 17px 40px;
            background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/icon/icon_question_off.png) no-repeat left 40%;
            background-size: 30px;
            color: #333;
            font-size: 14px
        }

        .support .faq .faq_list ul li .title.on {
            background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/btn/btn_tab_on.png) no-repeat right 40%;
            background-size: 20px
        }

            .support .faq .faq_list ul li .title.on a {
                color: #3898d3;
                background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/icon/icon_question_on.png) no-repeat left 40%;
                background-size: 30px
            }

        .support .faq .faq_list ul li .content {
            display: none;
            padding: 15px 10px;
            border-top: 1px dashed #c7c7c7
        }

            .support .faq .faq_list ul li .content p {
                color: #777;
                font-size: 12px;
                line-height: 17px
            }
            /*  20200515/0720 추가  */
            .support .faq .faq_list ul li .content table img {
                width: 60%;
            }

            .support .faq .faq_list ul li .content img {
                width: 90%;
                margin: 30px 0 0 0
            }

            .support .faq .faq_list ul li .content .s_img {
                width: 30%;
                margin: 30px 0 0 0;
            }

            .support .faq .faq_list ul li .content .s_mid_img {
                width: 50%;
                margin: 30px 0 0 0;
            }

        .support .faq .faq_list ul li.on .content {
            display: block
        }

    /* SUPPORT where to buy css */
    .support .where > h4 {
        margin: 10px 0 0 0;
        font-size: 25px;
        text-align: center
    }

    .support .where .flag {
        text-align: center;
        margin-top: 40px;
    }

    .support .where .content {
        margin: 40px 0;
        padding: 0 6%
    }

        .support .where .content .list {
            position: relative;
            text-align: center
        }

            .support .where .content .list ul li {
                width: 100%;
                text-align: center;
                position: relative;
            }

                .support .where .content .list ul li > a > span {
                    position: absolute;
                    bottom: 5%;
                    right: 3%;
                    width: 10%;
                }

                .support .where .content .list ul li img {
                    width: 100%
                }

            .support .where .content .list ul li {
                margin: 0 0 50px 0
            }

                .support .where .content .list ul li p {
                    margin: 0 0 30px 0;
                    color: #333;
                    font-size: 20px
                }

            .support .where .content .list .btn_area {
                margin: 20px 0 50px
            }

    .support .where .textarea {
        width: 100%;
        height: 300px;
        background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bg/bg_where.jpg) no-repeat center bottom;
        text-align: center;
        color: #fff
    }

        .support .where .textarea h4 {
            padding: 110px 6% 30px;
            font-size: 15px
        }

        .support .where .textarea p {
            padding: 0 6%;
            font-size: 10px
        }

    .support .where .content .list ul li .market {
        position: absolute;
        left: 0.5%;
        bottom: 0.8%;
    }

        .support .where .content .list ul li .market a {
            float: left;
            width: 49.5%;
            margin-right: 0.5%
        }

            .support .where .content .list ul li .market a.last {
                margin-right: 0
            }

    .support .where .content .list ul li.online {
        margin-top: 30px;
    }

        .support .where .content .list ul li.online .market {
            width: 99.2%;
        }

            .support .where .content .list ul li.online .market a {
                float: right;
            }

    .support .wheretobuy {
        padding: 0 6%;
    }

        .support .wheretobuy .wheretobuy_tab {
            margin: 30px 0;
            padding: 0 3%;
        }

            .support .wheretobuy .wheretobuy_tab li {
                float: left;
                margin: 0 20px 8px 0;
                padding: 0 20px 0 0;
                border-right: 1px solid #c7c7c7;
                text-align: center;
            }

                .support .wheretobuy .wheretobuy_tab li a {
                    color: #999999;
                    font-size: 14px;
                    text-transform: uppercase;
                    font-weight: 400;
                }

                    .support .wheretobuy .wheretobuy_tab li a:hover, .support .wheretobuy .wheretobuy_tab li a.on {
                        color: #3898d3;
                    }

                .support .wheretobuy .wheretobuy_tab li.last {
                    margin: 0;
                    padding: 0;
                    border: 0
                }

        .support .wheretobuy .wheretobuy_list ul {
            display: none;
        }

            .support .wheretobuy .wheretobuy_list ul.active {
                display: block;
            }

        .support .wheretobuy .wheretobuy_list li {
            float: left;
            padding-bottom: 20px;
            width: 100%;
            text-align: center;
        }

            .support .wheretobuy .wheretobuy_list li .list_obj {
                position: relative;
                width: 100%;
                height: 95%;
                overflow: hidden;
            }

                .support .wheretobuy .wheretobuy_list li .list_obj a {
                    position: absolute;
                    top: 0;
                    left: 0;
                    display: block;
                    width: 100%;
                    height: 100%;
                    z-index: 9;
                }

                .support .wheretobuy .wheretobuy_list li .list_obj img {
                    width: 100%;
                }

                .support .wheretobuy .wheretobuy_list li .list_obj .overlay {
                    position: absolute;
                    top: 0;
                    left: 0;
                    width: 100%;
                    height: 100%;
                    background: #222222;
                    color: #efefef;
                    text-align: center;
                    display: none;
                }

                    .support .wheretobuy .wheretobuy_list li .list_obj .overlay .cont {
                        position: absolute;
                        top: 0;
                        left: 0;
                        margin: 5%;
                        width: 90%;
                        height: 79%;
                        text-align: center;
                    }

                        .support .wheretobuy .wheretobuy_list li .list_obj .overlay .cont h3 {
                            padding-top: 15%;
                            color: #fff;
                            font-size: 24px;
                        }

                        .support .wheretobuy .wheretobuy_list li .list_obj .overlay .cont span {
                            color: #fff;
                            font-size: 16px;
                        }

    /* SUPPORT qanda css */
    .support .faq > .post {
        padding: 0
    }

        .support .faq > .post sup {
            color: #3898d3
        }

        .support .faq > .post .textarea {
            margin: 0 0 13px 0
        }

            .support .faq > .post .textarea h4 {
                padding: 12px 0 0 0;
                background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bull/bull_title02.jpg) no-repeat left 0;
                font-size: 17px
            }

            .support .faq > .post .textarea p {
                margin: 9px 0 0 0;
                font-size: 12px;
                color: #777;
            }

        .support .faq > .post .infor {
            margin: 0 0 40px 0;
            padding: 4%;
            background: #eff0f0
        }

            .support .faq > .post .infor input[type="text"], .faq > .post .infor textarea {
                height: 28px;
                border: 1px solid #e4e4e4;
                background: #fff
            }

            .support .faq > .post .infor label {
                font-size: 14px
            }

            .support .faq > .post .infor input {
                width: 100%
            }

            .support .faq > .post .infor .name {
                width: 100%;
                margin: 0 20px 30px 0
            }

                .support .faq > .post .infor .name input {
                    width: 99%;
                    padding: 0 0 0 1%
                }

            .support .faq > .post .infor .mail {
                margin: 0 0 30px 0
            }

                .support .faq > .post .infor .mail input {
                    width: 99%;
                    padding: 0 0 0 1%
                }

            .support .faq > .post .infor .company {
                width: 100%;
                margin: 0 20px 30px 0
            }

                .support .faq > .post .infor .company fieldset {
                    width: 100%
                }

                .support .faq > .post .infor .company .videos_select {
                    width: 100%;
                    background: #fff
                }

                    .support .faq > .post .infor .company .videos_select .my_value {
                        width: 99%;
                        height: 24px;
                        padding: 4px 0 0 1%;
                        border: 1px solid #e4e4e4
                    }

                    .support .faq > .post .infor .company .videos_select .ctrl {
                        top: -1px;
                        right: 6px
                    }

                    .support .faq > .post .infor .company .videos_select .i_list {
                        top: 26px;
                        z-index: 5;
                    }

                        .support .faq > .post .infor .company .videos_select .i_list li label {
                            background: #fff
                        }

            .support .faq > .post .infor .model {
                width: 100%;
                margin: 0 20px 30px 0;
                clear: both;
                float: left;
            }

                .support .faq > .post .infor .model .videos_select {
                    width: 100%;
                    background: #fff
                }

                    .support .faq > .post .infor .model .videos_select .my_value {
                        width: 99%;
                        height: 24px;
                        padding: 4px 0 0 1%;
                        border: 1px solid #e4e4e4
                    }

                    .support .faq > .post .infor .model .videos_select .ctrl {
                        top: -1px;
                        right: 6px
                    }

                    .support .faq > .post .infor .model .videos_select .i_list {
                        top: 26px
                    }

                        .support .faq > .post .infor .model .videos_select .i_list li label {
                            background: #fff
                        }

            .support .faq > .post .infor .title {
                width: 100%;
                margin: 0 0 30px 0
            }

                .support .faq > .post .infor .title input {
                    width: 99%;
                    padding: 0 0 0 1%
                }

            .support .faq > .post .infor .contents {
                float: left;
                width: 100%
            }
                /*  20200518 수정  */
                .support .faq > .post .infor .contents textarea {
                    width: 98%;
                    max-width: 98%;
                    min-height: 150px;
                    margin: 0 0 20px 0;
                    padding: 15px 1%;
                    overflow: hidden
                }

            .support .faq > .post .infor .attach {
                width: 100%;
                margin: 0 0 10px 0
            }

                .support .faq > .post .infor .attach input {
                    float: left;
                    width: 64%;
                    padding: 0 0 0 1%
                }

                .support .faq > .post .infor .attach .btn_area {
                    margin: 0 0 0 10px;
                    float: right;
                }

            .support .faq > .post .infor span.point {
                float: left
            }

        .support .faq > .post .btn_area {
            margin: 0 0 10px 0;
            text-align: center
        }

        .support .faq > .post > p {
            margin: 0 0 70px 0;
            color: #4e545a;
            text-align: center
        }

        .support .faq > .post .manage_infor {
            border-top: #bcbec0 1px dashed;
            border-bottom: #bcbec0 1px dashed;
            padding: 30px 0 19px;
            margin-bottom: 40px;
            overflow: hidden;
        }

            .support .faq > .post .manage_infor > div {
                padding: 0 0 0 45px;
            }

                .support .faq > .post .manage_infor > div.call {
                    background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/icon/icon_call.png) no-repeat left top;
                    margin: 0 50px 15px 0;
                    background-size: 30px
                }

                .support .faq > .post .manage_infor > div.hours {
                    background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/icon/icon_hours.png) no-repeat left top;
                    margin: 0 0 15px 0;
                    background-size: 35px
                }

                .support .faq > .post .manage_infor > div > p {
                    color: #777;
                    font-size: 10px
                }

                    .support .faq > .post .manage_infor > div > p.title {
                        color: #333;
                        font-size: 15px;
                        margin-bottom: 8px;
                    }

        .support .faq > .post .manage_infor2 {
            border-bottom: #bcbec0 1px dashed;
            padding: 0px 0 19px;
            margin-bottom: 40px;
            overflow: hidden;
        }

            .support .faq > .post .manage_infor2 > div {
                padding: 0 0 0 45px;
            }

                .support .faq > .post .manage_infor2 > div.call {
                    background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/icon/icon_call.png) no-repeat left top;
                    margin: 0 50px 15px 0;
                    background-size: 30px
                }

                .support .faq > .post .manage_infor2 > div.hours {
                    background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/icon/icon_hours.png) no-repeat left top;
                    margin: 0 0 15px 0;
                    background-size: 35px width:
                }

                .support .faq > .post .manage_infor2 > div > p {
                    color: #777;
                    font-size: 10px
                }

                    .support .faq > .post .manage_infor2 > div > p.title {
                        color: #333;
                        font-size: 15px;
                        margin-bottom: 8px;
                    }

    /* SUPPORT mounting css */
    .support .mounting .movie {
        padding: 0 6%;
        text-align: center
    }

        .support .mounting .movie h4 {
            margin: 35px 0 20px 0;
            padding: 15px 0 0 0;
            background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bull/bull_title01.jpg) no-repeat center 0;
            font-size: 25px
        }

        .support .mounting .movie .movie_area {
            position: relative;
            width: 100%
        }

            .support .mounting .movie .movie_area img {
                width: 100%
            }

            .support .mounting .movie .movie_area iframe {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%
            }

    .support .mounting .process {
        margin: 75px 0 0 0;
        padding: 40px 6% 75px;
        background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bg/support_mointing_installation_complete.png) no-repeat center bottom;
        background-color: #f5f5f5;
        background-size: 150%
    }

        .support .mounting .process > h4 {
            padding: 15px 0 0 0;
            background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bull/bull_title01.jpg) no-repeat center 0;
            font-size: 25px;
            text-align: center
        }

        .support .mounting .process .infor {
            width: 95.6%;
            margin: 35px 0 0;
            padding: 0 2.2%
        }

            .support .mounting .process .infor ul li {
                float: left;
                width: 32%;
                margin: 0 6.3% 0 0;
                text-align: center
            }

                .support .mounting .process .infor ul li.last {
                    float: right;
                    width: 21%;
                    margin: 0
                }

                .support .mounting .process .infor ul li img {
                    width: 100%
                }

                .support .mounting .process .infor ul li p {
                    display: block;
                    width: 65%;
                    margin: 12px 0 0 0;
                    color: #34322f;
                    font-size: 10px
                }

                .support .mounting .process .infor ul li.last p {
                    width: 100%
                }

        .support .mounting .process .list {
            width: 66.6%;
            margin: 25px auto 0
        }

            .support .mounting .process .list ul li {
                float: left;
                width: 100%;
                margin: 0 auto 40px;
                font-size: 0;
                text-align: center
            }

                .support .mounting .process .list ul li img {
                    width: 100%
                }

                .support .mounting .process .list ul li p {
                    margin: 10px 0 5px;
                    color: #777;
                    font-size: 14px;
                    line-height: 16px
                }

                .support .mounting .process .list ul li span {
                    color: #4582bf;
                    font-size: 12px
                }

        .support .mounting .process .textarea {
            margin: 60px 0 0 0;
            text-align: center
        }

            .support .mounting .process .textarea h4 {
                font-size: 35px
            }

            .support .mounting .process .textarea p {
                color: #777;
                font-size: 10px
            }

    .support .mounting .content {
        margin: 40px auto 0;
        padding: 0 6%;
        text-align: center
    }

        .support .mounting .content > h4 {
            padding: 15px 0 0 0;
            background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bull/bull_title01.jpg) no-repeat center 0;
            font-size: 25px
        }

        .support .mounting .content > p {
            margin: 10px 0 0 0;
            color: #777;
            font-size: 12px
        }

        .support .mounting .content .lcd {
            margin: 50px 0 0 0
        }

            .support .mounting .content .lcd img {
                width: 100%
            }

            .support .mounting .content .lcd h5 {
                margin: 0 0 20px 0;
                padding: 15px 0 0 0;
                background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bull/bull_title02.jpg) no-repeat center 0;
                font-size: 20px
            }

            .support .mounting .content .lcd p {
                margin: 20px 0 0 0;
                color: #777;
                font-size: 12px
            }

        .support .mounting .content .wifi {
            margin: 50px 0 0 0
        }

            .support .mounting .content .wifi img {
                width: 100%
            }

            .support .mounting .content .wifi h5 {
                margin: 0 0 20px 0;
                padding: 15px 0 0 0;
                background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bull/bull_title02.jpg) no-repeat center 0;
                font-size: 20px
            }

            .support .mounting .content .wifi p {
                margin: 40px 0 20px 0;
                color: #777;
                font-size: 12px
            }

            .support .mounting .content .wifi span {
                color: #7296ba;
                font-size: 10px
            }

        .support .mounting .content .download {
            padding: 20px 0;
            border-bottom: 1px dashed #bcbec0
        }

            .support .mounting .content .download h5 {
                background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bull/bull_dashed01_m.png) no-repeat center center;
                font-size: 15px
            }

            .support .mounting .content .download p {
                margin: 20px 0 0 0;
                color: #7296ba;
                font-size: 12px
            }

            .support .mounting .content .download ul {
                margin: 40px auto 0
            }

                .support .mounting .content .download ul li {
                    float: left;
                    width: 50%;
                    text-align: center
                }

                    .support .mounting .content .download ul li img {
                        width: 72%
                    }

        .support .mounting .content .av {
            margin: 50px 0 0 0
        }

            .support .mounting .content .av h5 {
                margin: 0 0 20px 0;
                padding: 15px 0 0 0;
                background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bull/bull_title02.jpg) no-repeat center 0;
                font-size: 20px
            }

            .support .mounting .content .av ul li {
                width: 100%;
                margin: 0 0 45px 0
            }

                .support .mounting .content .av ul li img {
                    width: 100%
                }

                .support .mounting .content .av ul li p {
                    margin: 20px 0 0 0;
                    color: #777;
                    font-size: 12px
                }

    .support .mounting .bottom {
        width: 100%;
        height: 400px;
        margin: 75px 0 0 0;
        background: #6d6f70;
        text-align: center
    }

        .support .mounting .bottom img {
            margin: 90px 0 20px 0
        }

        .support .mounting .bottom > p {
            color: #fff;
            font-size: 15px
        }

        .support .mounting .bottom .btn_area {
            margin: 40px 0 0 0
        }

    /* 오른쪽 버튼영역 */
    .main_btn_area {
        display: none
    }

    /* Member */
    .member {
        margin: 0 auto;
        padding-bottom: 24px;
        width: 280px;
    }

        .member h1 {
            margin: 24px 0 30px;
            text-align: center;
        }

            .member h1 img {
                width: 81px;
            }

        .member .member_box {
            padding: 40px 0 37px;
            background: #eff0f0;
        }

            .member .member_box h2 {
                padding-bottom: 35px;
                width: 100%;
                font-size: 20px;
                text-align: center;
                text-transform: uppercase;
            }

            .member .member_box ul {
                margin: 0 auto;
                width: 67%;
            }

                .member .member_box ul li {
                    margin-bottom: 2px;
                }

                    .member .member_box ul li input[type=text], .member .member_box ul li input[type=password] {
                        padding: 0 10px 0 30px;
                        width: 146px;
                        line-height: 30px;
                        height: 30px;
                        border: 0;
                        font-size: 12px;
                        font-weight: 400;
                    }

                    .member .member_box ul li.email input {
                        background: #fff url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/icon/icon_email.png) 10px center no-repeat;
                        background-size: 11px;
                    }

                    .member .member_box ul li.password input {
                        background: #fff url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/icon/icon_password.png) 11px center no-repeat;
                        background-size: 9px;
                    }
    
                    /* Select Country */
                   .member .member_box ul li.countryselect select{
                        padding: 0 10px 0 8px;
                        width: 186px;
                        line-height: 30px;
                        height: 30px;
                        border: 0;
                        font-size: 12px;
                        font-weight: 400;	
	 	                color: #b9b9b9;
                    }
                    .member .member_box ul li.countryselect select option{
                        background: #fff; 
                    }  
    
        
                    .member .member_box ul li.left_align {
                        float: left;
                        width: 100%;
                    }    
                        /*.member .member_box ul li.left_align input{padding:0 10px 0 11px;width:71px;}*/

                        /* 20200220 국가선택 select 박스 추가 */
                        /* .member .member_box ul li.left_align .select_area{width: 186px; border: none; font-size: 12px; color: #bbb; font-weight: 400; padding-left: 26px; height: 30px;} */

                        .member .member_box ul li.left_align select {
                            width: 186px;
                            border: none;
                            font-size: 12px;
                            color: #bbb;
                            font-weight: 400;
                            padding-left: 26px;
                            height: 30px;
                            background: url('https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/btn/bt_arrow.jpg') no-repeat 100% 50%; /* 화살표 아이콘 추가 */
                            -webkit-appearance: none;
                            -moz-appearance: none;
                            appearance: none;
                        }

                        .member .member_box ul li.left_align select {
                            background-color: #fff;
                        }

                            .member .member_box ul li.left_align select::-ms-expand {
                                display: none;
                            }
    /*익스 기본값 제거 */

    /* 20230317 버튼 UI 수정 */
    .sns_btn {
        width: 78%;
        padding: 11.5px;
        border: none;
        border-radius: 4px;
        margin: 10px auto 0;
        opacity: 0.85;
        display: block;
        font-size: 15px !important;
        line-height: 10px;
        text-decoration: none; /* remove underline from anchors */
        box-sizing: border-box;
    }
    .fa-google {
      background: conic-gradient(from -45deg, #ea4335 110deg, #4285f4 90deg 180deg, #34a853 180deg 270deg, #fbbc05 270deg) 73% 55%/150% 150% no-repeat;
      -webkit-background-clip: text;
      background-clip: text;
      color: transparent;
      -webkit-text-fill-color: transparent;
    }    

    /* add appropriate colors to fb, twitter and google buttons */
    .fb {
        background-color: #3B5998;
        color: white !important;
    }

    .apple {
        background-color: black;
        color: white !important;
    }

    .twitter {
        background-color: #55ACEE;
        color: white !important;
    }

    .google {
        background-color: #fff;
        color: #000 !important;
        border: 1px solid #ddd;
        width: 78.5%;
    }

    .or-seperator {
        margin: 30px 0 10px;
        text-align: center;
        border-top: 1px solid #ccc;
        width: 100%;
    }

        .or-seperator i {
            padding: 0 10px;
            background: #eff0f0;
            position: relative;
            top: -11px;
            z-index: 1;
            font-size: 12px;
        }


    .member .member_box ul li.country {
        margin-bottom: 12px;
    }

        .member .member_box ul li.country input {
            padding: 0 10px 0 11px;
            width: 165px;
        }

    .member .member_box .checkbox_area {
        padding: 8px 0 0 6px;
        width: 70%;
    }

        .member .member_box .checkbox_area li {
            width: 100%;
        }

        .member .member_box .checkbox_area p {
            font-size: 12px;
            color: #a9a9a9;
        }

            .member .member_box .checkbox_area p a {
                color: #3898d3;
                font-size: 12px;
                text-decoration: underline;
            }

    .member .member_box input.btn_signin {
        margin: 16px auto 0;
        width: 67%;
        display: block;
        line-height: 30px;
        border: 0;
        border-radius: 4px;
        background: #3898d3;
        color: #fff;
        font-size: 12px;
        text-align: center;
        text-transform: uppercase;
    }

    .member .member_box #viewLoading {
        margin: 16px auto 0;
        width: 67%;
        display: block;
        line-height: 30px;
        border: 0;
        border-radius: 4px;
        background: #3898d3;
        color: #fff;
        font-size: 12px;
        text-align: center;
        text-transform: uppercase;
    }

    .member .member_box p.blue_link {
        padding-top: 16px;
        text-align: center;
    }

        .member .member_box p.blue_link a {
            color: #3898d3;
            font-size: 12px;
            text-decoration: underline;
        }

    .spinner {
        margin: 16px auto 0;
    }

        .spinner > div {
            width: 10px;
            height: 10px;
        }

    .member .sociel_sign_in {
        margin: 0 auto;
        padding-top: 26px;
        width: 185px;
    }

        .member .sociel_sign_in ul li {
            margin-bottom: 2px;
        }

            .member .sociel_sign_in ul li a {
                padding-left: 43px;
                display: block;
                line-height: 30px;
                font-size: 12px;
                color: #fff;
                border-radius: 4px;
            }

            .member .sociel_sign_in ul li.facebook a {
                background: #446aaa url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/icon/icon_facebook_signin.png) 11px 0 no-repeat;
                background-size: 18px;
            }

            .member .sociel_sign_in ul li.google a {
                background: #e54c49 url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/icon/icon_google_signin.png) 10px 0 no-repeat;
                background-size: 19px;
            }

    .member .sign_up_link {
        margin: 0 auto;
        padding-top: 15px;
        width: 121px;
        text-align: center;
        font-size: 12px;
        color: #a9a9a9;
    }

        .member .sign_up_link a {
            color: #3898d3;
            font-size: 12px;
            text-decoration: underline;
        }

    .member .password_box {
        padding: 40px 0 37px;
        background: #eff0f0;
    }

        .member .password_box h2 {
            padding-bottom: 10px;
            width: 100%;
            font-size: 20px;
            text-align: center;
            text-transform: uppercase;
        }

        .member .password_box h3 {
            padding-bottom: 28px;
            width: 100%;
            font-size: 12px;
            text-align: center;
            color: #777777;
        }

        .member .password_box ul {
            margin: 0 auto;
            width: 67%;
        }

            .member .password_box ul li {
                margin-bottom: 2px;
            }

                .member .password_box ul li input[type=text], .member .password_box ul li input[type=password] {
                    padding: 0 10px 0 30px;
                    width: 146px;
                    line-height: 30px;
                    height: 30px;
                    border: 0;
                    font-size: 12px;
                    font-weight: 400;
                }

                .member .password_box ul li.email input {
                    background: #fff url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/icon/icon_email.png) 10px center no-repeat;
                    background-size: 11px;
                }

                .member .password_box ul li.password input {
                    background: #fff url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/icon/icon_password.png) 11px center no-repeat;
                    background-size: 9px;
                }

        .member .password_box div.btn_signin {
            margin: 0 auto;
            padding-top: 16px;
            width: 67%;
        }

            .member .password_box div.btn_signin a {
                display: block;
                line-height: 30px;
                border-radius: 4px;
                background: #3898d3;
                color: #fff;
                font-size: 12px;
                text-align: center;
                text-transform: uppercase;
            }

        .member .password_box p.blue_link {
            padding-top: 16px;
            text-align: center;
        }

            .member .password_box p.blue_link a {
                color: #3898d3;
                font-size: 12px;
                text-decoration: underline;
            }

    .member .request_email {
        padding-bottom: 39px;
    }

    .check_email {
        margin: 0 auto;
        padding-bottom: 24px;
        width: 80%;
    }

        .check_email h1 {
            margin: 24px 0 56px;
            text-align: center;
        }

            .check_email h1 img {
                width: 81px;
            }

        .check_email h2 {
            padding-bottom: 26px;
            text-align: center;
            font-size: 20px;
        }

        .check_email p {
            padding-bottom: 57px;
            text-align: center;
            font-size: 12px;
            color: #a9a9a9;
            line-height: 17px;
        }

            .check_email p a {
                color: #3898d3;
                font-size: 12px;
                text-decoration: underline;
            }

    .account_area {
        position: relative;
        padding-top: 48px;
    }

        .account_area .account_box {
            margin: 0 auto 48px;
            padding: 25px 0 9px;
            width: 90%;
            background: #eff0f0;
        }

            .account_area .account_box li {
                margin-bottom: 18px;
                padding: 0 5%;
            }
                /****delete버튼 추가*****/
                .account_area .account_box li.mailRcvYN div.Delete_account {
                    text-align: right;
                    font-size: 16px;
                    color: #3898d3;
                    text-decoration: underline;
                }

                .account_area .account_box li label {
                    display: block;
                    padding-bottom: 10px;
                    font-size: 15px;
                    color: #333;
                    font-weight: 300;
                }

                .account_area .account_box li input[type=text], .account_area .account_box li input[type=password] {
                    padding: 0 10px;
                    width: 89%;
                    height: 30px;
                    color: #777777;
                    line-height: 30px;
                    border: 1px solid #e4e4e4;
                    font-size: 12px;
                    font-weight: 400;
                }

                .account_area .account_box li input[type=checkbox] {
                    -webkit-appearance: checkbox;
                    width: 18px;
                    height: 18px;
                    display: block;
                    float: left;
                    vertical-align: middle;
                    margin-right: 10px;
                }

                .account_area .account_box li.email {
                    padding-top: 20px;
                    background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bg/bg_dashed.png) 0 0 repeat-x;
                }

                    .account_area .account_box li.email p.verified {
                        padding-left: 13px;
                        background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bull/bull_verified.png) 1px center no-repeat;
                        font-size: 12px;
                        color: #3898d3;
                        line-height: 20px;
                        background-size: 9px;
                    }

                .account_area .account_box li.password {
                    padding-top: 20px;
                    background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bg/bg_dashed.png) 0 0 repeat-x;
                }

                    .account_area .account_box li.password input[type=text], .account_area .account_box li.password input[type=password] {
                        margin-bottom: 1px;
                    }
    
                    /* Select Country */
                    .account_area .account_box li.countryselect select{
                    padding: 0 10px;
                    width: 93%;
                    height: 30px;
                    color: #777777;
                    line-height: 30px;
                    border: 1px solid #e4e4e4;
                    font-size: 12px;
                    font-weight: 400;
                }

    /*제품정보보기 20200312*/
    .prd_list_area {
        position: relative;
        margin-bottom: 40px;
    }

        .prd_list_area .account_box {
            margin: 0 auto;
            padding: 35px 10px;
            width: 90%;
            background: #eff0f0;
        }

            .prd_list_area .account_box .prd_LIST {
                margin-bottom: 30px;
                padding-bottom: 30px;
                border-bottom: 1px solid #aaa;
            }

            .prd_list_area .account_box li {
                width: 100%;
                height: 51px;
                color: #777777;
                line-height: 51px;
                font-size: 14px;
                font-weight: 400;
                text-align: center;
            }

                .prd_list_area .account_box li.m_hlaf {
                    width: 50%;
                    height: 51px;
                    color: #777777;
                    line-height: 51px;
                    font-size: 14px;
                    font-weight: 400;
                    text-align: center;
                }

                .prd_list_area .account_box li.m_title {
                    width: 100%;
                    height: 51px;
                    color: #5D5D5D;
                    line-height: 51px;
                    font-size: 14px;
                    font-weight: bold;
                    text-align: center;
                }

                .prd_list_area .account_box li.prd_edit {
                    line-height: 1;
                    margin-top: 10px;
                    height: 30px;
                }

                .prd_list_area .account_box li.float {
                    float: left;
                }

                .prd_list_area .account_box li input[type=text], .prd_list_area .account_box li input[type=password] {
                    padding: 0;
                    width: 100%;
                    height: 51px;
                    color: #777777;
                    line-height: 51px;
                    border: 1px solid #eff0f0;
                    font-size: 14px;
                    font-weight: 400;
                    background: #eff0f0;
                    text-align: center;
                }

                .prd_list_area .account_box li input.editing {
                    background: #fff;
                }

                .prd_list_area .account_box li .del {
                    width: 50%;
                    float: left;
                }

                .prd_list_area .account_box li .edit {
                    width: 50%;
                    float: left;
                }

                .prd_list_area .account_box li .btn_type01 p.type02 span {
                    font-size: 14px;
                }

                    .prd_list_area .account_box li .btn_type01 p.type02 span.updating {
                        background: #ee3524
                    }

    /*제품정보보기
	.prd_list_area{position:relative;margin-bottom:40px;}
	.prd_list_area .account_box{margin:0 auto;padding:35px 10px;width:90%;background:#eff0f0;}
	.prd_list_area .account_box .prd_LIST{margin-bottom:30px;padding-bottom:30px;border-bottom:1px solid #aaa;}
	.prd_list_area .account_box li{width:100%;height:51px;color:#777777;line-height:51px;font-size:14px;font-weight:400;text-align:center;}
	.prd_list_area .account_box li.prd_edit{line-height:1;margin-top:10px;height:30px;}
	.prd_list_area .account_box li.float{float:left;}
	.prd_list_area .account_box li input[type=text],.prd_list_area .account_box li input[type=password]{padding:0;width:100%;height:51px;color:#777777;line-height:51px;border:1px solid #eff0f0;font-size:14px;font-weight:400;background:#eff0f0;text-align:center;}
    .prd_list_area .account_box li input.editing{background:#fff;}
    .prd_list_area .account_box li .del{width:50%;float:left;}
    .prd_list_area .account_box li .edit{width:50%;float:left;}
    .prd_list_area .account_box li .btn_type01 p.type02 span{font-size:14px;}
    .prd_list_area .account_box li .btn_type01 p.type02 span.updating{background:#ee3524}*/

    .account_area ul.account_social {
        margin: 0 auto;
        padding-bottom: 49px;
        width: 185px;
    }

        .account_area ul.account_social li {
            margin-bottom: 4px;
        }

            .account_area ul.account_social li a {
                padding-left: 40px;
                display: block;
                width: 145px;
                line-height: 30px;
                font-size: 12px;
                color: #fff;
                border-radius: 4px;
            }

            .account_area ul.account_social li.facebook {
                margin-right: 15px;
            }

                .account_area ul.account_social li.facebook a {
                    background: #446aaa url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/icon/icon_facebook_signin.png) 11px 0 no-repeat;
                    background-size: 18px;
                }

            .account_area ul.account_social li.google a {
                background: #e54c49 url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/icon/icon_google_signin.png) 10px 0 no-repeat;
                background-size: 19px;
            }

    .account_area p.facebook_complete {
        padding: 16px 0 10px;
        text-align: center;
        color: #446aaa;
        font-size: 12px;
        font-weight: 500;
    }

        .account_area p.facebook_complete img {
            vertical-align: middle;
            margin-right: 10px;
            width: 8.5px;
        }

    .account_area div.facebook {
        margin: 0 auto 50px;
        width: 165px;
    }

        .account_area div.facebook a {
            padding-left: 40px;
            display: block;
            width: 145px;
            line-height: 30px;
            font-size: 12px;
            color: #fff;
            border-radius: 4px;
            background: #446aaa url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/icon/icon_facebook_signin.png) 11px 0 no-repeat;
            background-size: 18px;
        }

    .account_area p.google_complete {
        padding: 16px 0 10px;
        text-align: center;
        color: #e54c49;
        font-size: 12px;
        font-weight: 500;
    }

        .account_area p.google_complete img {
            vertical-align: middle;
            margin-right: 10px;
            width: 8.5px;
        }

    .account_area div.google {
        margin: 0 auto 50px;
        width: 185px;
    }

        .account_area div.google a {
            padding-left: 40px;
            display: block;
            width: 145px;
            line-height: 30px;
            font-size: 12px;
            color: #fff;
            border-radius: 4px;
            background: #e54c49 url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/icon/icon_google_signin.png) 10px 0 no-repeat;
            background-size: 19px;
        }

    .account_area input.btn_save {
        display: block;
        margin: 0px auto 65px;
        width: 75px;
        line-height: 30px;
        border: 0;
        border-radius: 4px;
        background: #3898d3;
        color: #fff;
        font-size: 12px;
        text-align: center;
        text-transform: uppercase;
        cursor: pointer;
    }

    .account_area div.success {
        position: fixed;
        top: 0;
        width: 100%;
        height: 36px;
        line-height: 36px;
        font-size: 12px;
        color: #fff;
        background: #3898d3;
        text-align: center;
        z-index: 101;
    }

        .account_area div.success a {
            position: absolute;
            right: 3%;
        }

            .account_area div.success a img {
                vertical-align: middle;
                margin-top: -3px;
                width: 7px;
            }

    .benefit_area {
        padding: 26px 0 36px;
        width: 100%;
        background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bg/bg_benefit.png) center 186px no-repeat;
        background-size: 380px;
    }

        .benefit_area dl.tit {
            margin: 0 0 126px;
            width: 100%;
            background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bull/bull_line_red.png) center 0 no-repeat;
            background-size: 20px;
        }

            .benefit_area dl.tit dt {
                padding-top: 31px;
                font-size: 25px;
                color: #323232;
                text-align: center;
            }

            .benefit_area dl.tit dd {
                padding-top: 42px;
                font-size: 14px;
                color: #a9a9a9;
                text-align: center;
                margin: 0 auto;
                width: 80%;
            }

        .benefit_area .benefit_form {
            margin: 0 auto 26px;
            padding: 67px 0;
            width: 90%;
            background: #fff;
            border: 1px solid #d9d9d9;
        }

            .benefit_area .benefit_form ul {
                margin: 0 auto;
                padding-bottom: 6px;
                width: 90%;
            }

            .benefit_area .benefit_form li {
                margin-bottom: 6px;
            }

                .benefit_area .benefit_form li input[type=text] {
                    padding: 0 10px;
                    width: 100%;
                    height: 30px;
                    color: #777777;
                    line-height: 30px;
                    border: 1px solid #e4e4e4;
                    font-size: 12px;
                    font-weight: 400;
                    box-sizing: border-box;
                    -webkit-box-sizing: border-box;
                    -moz-box-sizing: border-box;
                }

            .benefit_area .benefit_form label {
                color: #a9a9a9;
            }

            .benefit_area .benefit_form li .jqTransformSelectWrapper ul {
                padding: 0;
            }

                .benefit_area .benefit_form li .jqTransformSelectWrapper ul li {
                    margin: 0;
                }

            .benefit_area .benefit_form div.center_align {
                margin: 0 auto;
                width: 46%;
            }

            .benefit_area .benefit_form div.btn_register {
                margin: 0 auto;
                padding-top: 16px;
                width: 67%;
            }

                .benefit_area .benefit_form div.btn_register a {
                    display: block;
                    line-height: 30px;
                    border-radius: 4px;
                    background: #3898d3;
                    color: #fff;
                    font-size: 12px;
                    text-align: center;
                    text-transform: uppercase;
                }

            .benefit_area .benefit_form.benefit_logout {
                padding: 77px 0;
            }

                .benefit_area .benefit_form.benefit_logout h3 {
                    margin: 0 auto;
                    padding-bottom: 18px;
                    width: 90%;
                    font-size: 17px;
                    color: #333;
                    text-align: center;
                }

                .benefit_area .benefit_form.benefit_logout p {
                    color: #a9a9a9;
                    font-size: 11px;
                    text-align: center;
                }

                    .benefit_area .benefit_form.benefit_logout p.m_top {
                        margin-top: 15px;
                    }

                    .benefit_area .benefit_form.benefit_logout p a {
                        color: #3898d3;
                        font-size: 12px;
                        text-decoration: underline;
                    }

        .benefit_area .benefit_cont {
            margin: 0 auto;
            padding: 24px 0;
            width: 90%;
            background: #fff;
            border: 1px solid #d9d9d9;
        }

            .benefit_area .benefit_cont h3 {
                margin: 0 auto;
                padding-top: 22px;
                width: 90%;
                font-size: 20px;
                color: #333;
                text-align: center;
                background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bull/bull_title02.jpg) no-repeat center 0;
                background-size: 19.5px 1px;
            }

            .benefit_area .benefit_cont dl {
                margin: 0 auto;
                padding-bottom: 18px;
                width: 85%;
            }

            .benefit_area .benefit_cont dt {
                padding: 0 0 9px 9px;
                font-size: 15px;
                color: #333;
                background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bull/bull_dot01.png) 0 9px no-repeat;
                background-size: 2px;
            }

            .benefit_area .benefit_cont dd {
                padding-left: 9px;
                font-size: 12px;
                color: #7b7b7b;
                line-height: 17px;
            }

            .benefit_area .benefit_cont p {
                margin: 0 auto;
                padding-top: 17px;
                width: 85%;
                font-size: 12px;
                text-align: center;
            }

            .benefit_area .benefit_cont li {
                padding-top: 25px;
                text-align: center;
                width: 100%;
            }

                .benefit_area .benefit_cont li img {
                    width: 180px;
                }

                .benefit_area .benefit_cont li p {
                    padding-top: 0;
                }

    /* Selects */
    .jqTransformSelectWrapper {
        width: 100%;
    }

        .jqTransformSelectWrapper div span {
            padding-left: 10px;
            line-height: 30px;
            font-size: 12px;
            color: #bbb;
        }

        .jqTransformSelectWrapper a.jqTransformSelectOpen {
            margin: 0 10px;
            width: 20px;
            height: 30px;
            background-size: 20px;
        }

        .jqTransformSelectWrapper ul {
            top: 31px;
        }

            .jqTransformSelectWrapper ul li {
                top: 30px;
            }

            .jqTransformSelectWrapper ul a {
                padding-left: 10px;
                height: 30px;
                color: #42382c;
                font-size: 12px;
                line-height: 30px;
            }

    /* Checkboxes */
    .jqTransformCheckboxWrapper {
        display: block;
        float: left;
        line-height: 0;
        font-size: 0;
        margin: 4px 9px 0 0;
    }

    .jqTransformCheckbox {
        float: left;
        width: 11px;
        height: 11px;
        margin: 0;
        font-size: 0;
        line-height: 0;
        background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/icon/icon_checkbox2.png) 0 0 no-repeat;
        background-size: 11px;
    }

    .jqTransformChecked {
        background-position: 0 bottom;
    }

    /* Sub Top */
    .sub_top {
        width: 100%;
        height: 290px;
    }

        .sub_top h1 {
            color: #fff;
            font-size: 26px;
            text-align: center;
            line-height: 290px;
        }

        .sub_top h2 {
            color: #fff;
            font-size: 12px;
            text-align: center;
        }

        .sub_top p {
            color: #fff;
            font-size: 18px;
            text-align: center;
        }

        .sub_top.account_top {
            background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bg/bg_account_header_m.jpg) center 0 no-repeat;
            background-size: cover;
        }

        .sub_top.benefit_top {
            background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bg/bg_account_header_m.jpg) center 0 no-repeat;
            background-size: cover;
        }

            .sub_top.benefit_top h1 {
                font-size: 35px;
                line-height: 1.1;
            }

            .sub_top.benefit_top h2 {
                margin: 0 auto;
                width: 90%;
            }

            .sub_top.benefit_top p {
                padding-top: 105px;
            }

    /* Title */
    dl.tit {
        margin: 0 0 22px;
        width: 100%;
        background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bull/bull_line.png) center 0 no-repeat;
        background-size: 20px;
    }

        dl.tit dt {
            padding-top: 21px;
            font-size: 20px;
            color: #323232;
            text-align: center;
        }

        dl.tit dd {
            padding-top: 4px;
            font-size: 12px;
            color: #a9a9a9;
            text-align: center;
        }

    /* 푸터영역 */
    .footer {
        width: 100%;
        background: #212223;
        position: relative;
    }

        .footer .footer_top {
            padding: 18px 0 20px;
            margin: 0 auto;
            width: 90%;
        }

        .footer .site_map_m {
            border: 1px solid #353638;
        }

            .footer .site_map_m a {
                display: block;
                padding-left: 20px;
                line-height: 29px;
                color: #bbbbbb;
                text-transform: uppercase;
                background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bull/bull_arrow01.png) right center no-repeat;
                background-size: 20px;
            }

                .footer .site_map_m a.on {
                    background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bull/bull_arrow02.png) right center no-repeat;
                    background-size: 20px;
                }

        .footer .footer_top .site_map {
            display: none;
            border-bottom: 1px solid #353638;
            border-left: 1px solid #353638;
            border-right: 1px solid #353638;
        }

            .footer .footer_top .site_map ul {
                padding: 0 20px;
            }

            .footer .footer_top .site_map li {
                float: left;
                padding-bottom: 10px;
                width: 50%;
                vertical-align: top;
            }

                .footer .footer_top .site_map li dt {
                    padding-top: 22px;
                    color: #d1d1d1;
                    font-size: 10px;
                    line-height: 12px;
                    text-transform: uppercase;
                }

                .footer .footer_top .site_map li dd {
                    color: #5a5b5c;
                    font-size: 10px;
                    line-height: 20px;
                    text-transform: uppercase;
                }

        .footer .footer_top .footer_right {
            float: left;
            margin-top: 17px;
            width: 100%;
        }

            .footer .footer_top .footer_right .sns a {
                margin-right: 8px;
            }

                .footer .footer_top .footer_right .sns a img {
                    width: 26px;
                }

            .footer .footer_top .footer_right .email {
                margin-top: 17px;
                color: #bbbbbb;
            }

                .footer .footer_top .footer_right .email dt {
                    margin-bottom: 13px;
                    font-size: 12px;
                }

                .footer .footer_top .footer_right .email input {
                    float: left;
                    padding: 0 2%;
                    width: 78%;
                    height: 25px;
                    border: 1px solid #e4e4e4;
                    font-size: 12px;
                    line-height: 25px;
                    font-weight: 400;
                }

                .footer .footer_top .footer_right .email a {
                    float: left;
                    display: block;
                    margin: 0;
                    width: 12%;
                    background: #696969;
                    border: 1px solid #696969;
                    text-align: center;
                    color: #fff;
                    font-size: 12px;
                    line-height: 25px;
                }

        .footer .footer_bottom {
            border-top: 1px solid #353638;
        }

            .footer .footer_bottom p.copy {
                float: left;
                margin-left: 6%;
                padding: 7px 0;
                width: 49%;
                line-height: 12px;
                color: #5a5b5c;
                font-size: 10px;
                text-transform: uppercase;
            }

            .footer .footer_bottom ul {
                float: right;
                width: 140px
            }

                .footer .footer_bottom ul li {
                    float: left;
                    width: 50%;
                }

                    .footer .footer_bottom ul li:first-child a {
                        padding: 14px 0 10px;
                    }

                    .footer .footer_bottom ul li a {
                        display: block;
                        padding: 7px 0;
                        width: 99%;
                        border-left: 1px solid #353638;
                        background: #1a1b1c;
                        color: #a8a9aa;
                        text-align: center;
                        text-transform: uppercase;
                        font-size: 12px;
                        line-height: 12px;
                    }

    form.form_jq .jqtransformdone .jqTransformSelectWrapper select {
        display: none;
    }

    form.form_jq .jqTransformSelectWrapper {
        position: relative;
    }

        form.form_jq .jqTransformSelectWrapper > div {
            overflow: hidden;
            float: left;
        }

            form.form_jq .jqTransformSelectWrapper > div span {
                height: 16px;
                background: #FFF;
                display: inline-block;
                border: 1px solid #e4e4e4;
                border-right: 0 none;
                padding: 10px 5px;
                width: 218px !important;
                float: left;
            }

            form.form_jq .jqTransformSelectWrapper > div a.jqTransformSelectOpen {
                float: left;
                border: 1px solid #e4e4e4;
                border-left: 0px;
                background: #FFF url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bull/bull_select_arrow.png) no-repeat center 15px;
                display: inline-block;
                padding: 5px 3px;
                width: 23px;
                height: 26px;
            }

        form.form_jq .jqTransformSelectWrapper ul {
            position: absolute;
            top: 38px;
            left: 0px;
            border: 1px solid #e4e4e4;
            border-top: 0 none;
            overflow: auto;
            width: 257px !important;
        }

            form.form_jq .jqTransformSelectWrapper ul li a {
                background: #FFF;
                color: #666;
                display: block;
                padding: 5px 3px;
            }

                form.form_jq .jqTransformSelectWrapper ul li a:hover {
                    background: #FFF;
                    color: #999;
                    padding: 5px 3px;
                }

    form.jqtransformdone select {
        display: none;
    }

    .tablist .m1_con1 .content {
        margin: 40px 0 0 0;
        padding: 0 6%;
        text-align: center
    }

        .tablist .m1_con1 .content img {
            width: 100%;
            margin: 35px 0
        }

    .tablist .m1_con1 div.content h4 {
        padding: 20px 0 0 0;
        background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bull/bull_title01.jpg) no-repeat center 0;
        font-size: 25px;
        line-height: 25px;
    }

    .tablist .m1_con1 div.content p {
        margin: 20px 0 0 0;
        color: #777;
        font-size: 14px
    }

    .tablist .m1_con1 div.content .movie {
        padding: 8% 6%;
        text-align: center
    }

        .tablist .m1_con1 div.content .movie .movie_area {
            position: relative;
            width: 100%
        }

            .tablist .m1_con1 div.content .movie .movie_area iframe {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%
            }

    .tablist .m1_con2 div.content {
        display: block;
        padding: 40px 6% 55px;
        background: #c6cfd8;
        color: #fff;
        text-align: center
    }

        .tablist .m1_con2 div.content h4 {
            padding: 20px 0 0 0;
            background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bull/bull_title01.jpg) no-repeat center 0;
            font-size: 25px;
            line-height: 25px
        }

        .tablist .m1_con2 div.content p {
            margin: 20px 0 40px;
            font-size: 14px;
            line-height: 18px
        }

        .tablist .m1_con2 div.content ul {
            padding: 0;
        }

            .tablist .m1_con2 div.content ul li {
                width: 100%;
                padding: 5% 0;
                margin: 0 0 20px 0;
                background: #fff;
                color: #333
            }

                .tablist .m1_con2 div.content ul li.first {
                    margin: 0 0 40px 0
                }

                .tablist .m1_con2 div.content ul li img {
                    width: 60%;
                    padding: 40px 0 20px;
                }

    .tablist .m1_con3 {
        text-align: center
    }

        .tablist .m1_con3 div {
            margin: 40px 0 0;
        }

        .tablist .m1_con3 .content {
            width: 80%;
            padding: 0 10%;
        }

            .tablist .m1_con3 .content img {
                width: 100%
            }

            .tablist .m1_con3 .content h4 {
                margin: 15px 0 10px;
                color: #34322f;
                font-size: 16px
            }

            .tablist .m1_con3 .content p {
                color: #777;
                font-size: 14px;
                line-height: 16px
            }

    .tablist .m1_con5 .content {
        display: block;
        padding: 40px 6% 55px;
        background: #c6cfd8;
        color: #fff;
        text-align: center
    }

    .tablist .m1_con5 div.content h4 {
        padding: 20px 0 0 0;
        background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bull/bull_title01.jpg) no-repeat center 0;
        font-size: 25px;
        line-height: 25px
    }

    .tablist .m1_con5 div.content p {
        margin: 20px 0 40px;
        font-size: 14px;
        line-height: 18px
    }

    .tablist .m1_con5 div.content ul {
        padding: 0;
    }

        .tablist .m1_con5 div.content ul li {
            width: 100%;
            padding: 5% 0;
            margin: 0 0 20px 0;
            background: #fff;
            color: #333
        }

            .tablist .m1_con5 div.content ul li.first {
                margin: 0 0 40px 0
            }

            .tablist .m1_con5 div.content ul li img {
                padding: 40px 0 20px;
            }

            .tablist .m1_con5 div.content ul li h5 {
                color: #34322f;
                font-size: 20px
            }

            .tablist .m1_con5 div.content ul li p {
                padding: 10px 4%;
                color: #777;
                font-size: 14px
            }

    .tablist .m1_con4 .content {
        padding: 5% 4%;
        color: #fff;
        text-align: center;
        margin-top: 50px;
        background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bg/products_dualsave.jpg) no-repeat center bottom
    }

        .tablist .m1_con4 .content h4 {
            padding: 0 0;
            font-size: 25px;
            line-height: 25px
        }

        .tablist .m1_con4 .content p {
            margin: 40px auto;
            font-size: 14px;
            line-height: 18px
        }

        .tablist .m1_con4 .content span {
            font-size: 12px
        }

    .tablist .m1_con2 div.content p.box_tit {
        padding-top: 100px;
        margin: 0;
    }

    .tablist .m1_con2 div.content p.box_detail {
        padding: 0 5%;
    }

    .tablist .m1_con2 .content .tech_box1 .box_tit {
        background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/icon/product_tech_box1_icon.gif) no-repeat center 20px;
    }

    .tablist .m1_con2 .content .tech_box2 .box_tit {
        background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/icon/product_tech_box2_icon.gif) no-repeat center 20px;
    }

    .tablist .m1_con2 .content .tech_box3 .box_tit {
        background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/icon/product_tech_box3_icon.gif) no-repeat center 20px;
    }

    .tablist .m2_con1 .content {
        width: 80%;
        padding: 0 10%;
        margin-bottom: 40px;
        text-align: center;
    }

    .tablist .m2_con1 div.content img {
        width: 100%;
    }

    .tablist .m2_con1 div.content h4 {
        margin: 30px 0 20px;
        color: #34322f;
        font-size: 16px
    }

    .tablist .m2_con1 div.content p {
        color: #777;
        font-size: 14px;
        line-height: 16px
    }

    .tablist .m2_con2 div.content {
        display: block;
        padding: 40px 0 75px;
        background: #f5f5f5;
        text-align: center;
    }

        .tablist .m2_con2 div.content p {
            color: #777;
            font-size: 10px;
            line-height: 16px
        }

    .tablist .m2_con2 div.content {
        display: block;
    }

        .tablist .m2_con2 div.content h4 {
            padding: 20px 6% 0;
            background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bull/bull_title01.jpg) no-repeat center 0;
            font-size: 25px;
            text-align: center;
            line-height: 25px
        }

        .tablist .m2_con2 div.content p {
            margin: 20px 0 40px;
            padding: 0 6%;
            color: #777;
            font-size: 14px;
            line-height: 16px
        }

        .tablist .m2_con2 div.content img {
            width: 100%;
        }

        .tablist .m2_con2 div.content ul {
            padding: 0 6%;
            text-align: left
        }

            .tablist .m2_con2 div.content ul li {
                width: 100%;
                margin: 0 0 40px 0
            }

                .tablist .m2_con2 div.content ul li .imgarea {
                    float: left;
                    width: 27%;
                }

                .tablist .m2_con2 div.content ul li .textarea {
                    float: right;
                    width: 69%;
                    padding: 2% 2% 0;
                }

                    .tablist .m2_con2 div.content ul li .textarea h5 {
                        color: #34322f;
                        font-size: 15px
                    }

                    .tablist .m2_con2 div.content ul li .textarea p {
                        margin: 10px 0;
                        padding: 0;
                        color: #777;
                        font-size: 12px;
                        line-height: 16px;
                    }

    .tablist .m2_con3 div.content {
        display: block;
        padding: 40px 6% 50px;
        text-align: center;
    }

        .tablist .m2_con3 div.content h4 {
            padding: 20px 0 0 0;
            background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bull/bull_title01.jpg) no-repeat center 0;
            font-size: 25px
        }

        .tablist .m2_con3 div.content p {
            margin: 20px 0 0;
            font-size: 12px
        }

        .tablist .m2_con3 div.content span {
            color: #7296ba;
            font-size: 12px
        }

        .tablist .m2_con3 div.content .marT85 {
            margin-top: 20px;
        }

            .tablist .m2_con3 div.content .marT85 img {
                width: 90%;
            }

    .tablist .m2_con5 div.content {
        width: 58%;
        padding: 0 21%;
        margin-bottom: 40px;
        text-align: center;
    }

        .tablist .m2_con5 div.content h4 {
            margin: 30px 0 20px;
            color: #34322f;
            font-size: 15px;
            background: none
        }

        .tablist .m2_con5 div.content p {
            color: #777;
            font-size: 10px;
            line-height: 16px;
        }

    /*추가*/
    .tablist .m2_con4 div.content {
        display: block;
    }

        .tablist .m2_con4 div.content h4 {
            padding: 20px 6% 0;
            background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bull/bull_title01.jpg) no-repeat center 0;
            font-size: 25px;
            text-align: center;
            line-height: 25px
        }

        .tablist .m2_con4 div.content p {
            margin: 20px 0 40px;
            padding: 0 6%;
            color: #777;
            font-size: 14px;
            line-height: 16px
        }

        .tablist .m2_con4 div.content img {
            width: 100%;
        }

        .tablist .m2_con4 div.content ul {
            padding: 0 6%;
            text-align: left
        }

            .tablist .m2_con4 div.content ul li {
                width: 100%;
                margin: 0 0 40px 0
            }

                .tablist .m2_con4 div.content ul li .imgarea {
                    float: left;
                    width: 27%;
                }

                .tablist .m2_con4 div.content ul li .textarea {
                    float: right;
                    width: 69%;
                    padding: 2% 2% 0;
                }

                    .tablist .m2_con4 div.content ul li .textarea h5 {
                        color: #34322f;
                        font-size: 15px
                    }

                    .tablist .m2_con4 div.content ul li .textarea p {
                        margin: 10px 0;
                        padding: 0;
                        color: #777;
                        font-size: 12px;
                        line-height: 16px;
                    }

    .tablist .m3_con1 div.content {
        background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bg/products_f750_easyinterface.jpg) no-repeat center top;
        background-size: 100% 100%;
        padding: 20px 6% 10px;
        text-align: center;
        margin-bottom: 40px;
    }

        .tablist .m3_con1 div.content h4 {
            padding: 20px 0 0 0;
            background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bull/bull_title01.jpg) no-repeat center 0;
            color: #fff;
            font-size: 25px;
            line-height: 25px
        }

        .tablist .m3_con1 div.content p {
            margin: 20px 0;
            color: #fff;
            font-size: 12px
        }

    .tablist .m3_con2 > div {
        margin-bottom: 40px;
    }

    .tablist .m3_con2 div.content {
        width: 80%;
        padding: 0 10%;
        text-align: center
    }

        .tablist .m3_con2 div.content img {
            width: 100%
        }

        .tablist .m3_con2 div.content h5 {
            margin: 15px 0 10px;
            color: #34322f;
            font-size: 16px
        }

        .tablist .m3_con2 div.content p {
            color: #777;
            font-size: 14px;
            line-height: 16px
        }

    .tablist .m4_con1 div.content {
        padding: 40px 6% 75px;
        background: #f5f5f5;
        text-align: center;
        display: block;
    }

        .tablist .m4_con1 div.content h4 {
            padding: 20px 0 0 0;
            background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bull/bull_title01.jpg) no-repeat center 0;
            font-size: 25px
        }

        .tablist .m4_con1 div.content img {
            width: 100%;
            margin: 10px 0 0
        }

        .tablist .m4_con1 div.content h5 {
            margin: 50px 0 15px;
            padding: 15px 0 0 0;
            background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bull/bull_title04.jpg) no-repeat center 0;
            font-size: 20px
        }

        .tablist .m4_con1 div.content table {
            margin: 0 auto;
        }

        .tablist .m4_con1 div.content span {
            display: block;
            width: 88%;
            margin: 15px auto 0;
            color: #7296ba;
            font-size: 12px;
            line-height: 16px
        }

    .tablist .m4_con2 div.content {
        padding: 40px 6% 75px;
        background: #f5f5f5;
        text-align: center
    }

        .tablist .m4_con2 div.content span {
            display: block;
            width: 88%;
            margin: 15px auto 0;
            color: #7296ba;
            font-size: 12px;
            line-height: 16px
        }

    .tablist .m4_con2 .imarea2 .imgarea {
        font-size: 0;
        overflow: hidden;
        text-align: center
    }

        .tablist .m4_con2 .imarea2 .imgarea img {
            width: 100%;
        }

    .tablist .m4_con2 .imarea2 .textarea {
        height: 100%;
        text-align: center;
    }

        .tablist .m4_con2 .imarea2 .textarea h4 {
            margin: 85px 0 0 0;
            padding: 30px 0 0 0;
            background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bull/bull_title01.jpg) no-repeat center 0;
            font-size: 25px;
            text-align: center;
        }

    .products .imgarea2 .textarea h5 {
        margin: 50px 0;
        font-size: 24px
    }

    .products .imgarea2 .textarea .check_list {
        text-align: left;
        padding: 35px 0;
        width: 45%;
        margin: 0 auto
    }

        .products .imgarea2 .textarea .check_list li {
            float: left;
            width: 100%;
            margin: 5px 0;
            padding: 0 0 0 30px;
            background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bull/bull_check01.png) no-repeat 0 center;
            background-size: 15px;
            font-size: 15px;
            color: #666
        }

    .products .imgarea2 .textarea .btn_area {
        margin: 20px 0 80px 0;
    }

    .tablist .m4_con2 div.content .btn_type01 p.type04 span {
        display: block;
        padding: 10px 15px;
        border-radius: 5px;
        background: #3898d3;
        color: #fff;
        font-size: 12px;
        behavior: url(PIE.htc)
    }

    .tablist .m5_con1 {
        margin: 0 0 60px 0;
    }

        .tablist .m5_con1 .content {
            margin: 40px 0 0 0;
            padding: 0 6%;
            text-align: center
        }

        .tablist .m5_con1 div.content h4 {
            padding: 20px 0 0 0;
            background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bull/bull_title01.jpg) no-repeat center 0;
            font-size: 25px;
            line-height: 25px;
        }

        .tablist .m5_con1 div.content p {
            margin: 20px 0 0 0;
            color: #777;
            font-size: 14px;
        }

        .tablist .m5_con1 div.content .icon_area {
            text-align: center;
            margin: 30px 0 45px 0;
        }

            .tablist .m5_con1 div.content .icon_area dl {
                overflow: hidden;
                position: relative;
                width: 87%;
                margin: 0 10% 5%;
            }

            .tablist .m5_con1 div.content .icon_area dt {
                float: left;
                width: 34%
            }

                .tablist .m5_con1 div.content .icon_area dt img {
                    width: 100%;
                }

            .tablist .m5_con1 div.content .icon_area dd {
                float: left;
                font-size: 14px;
                color: #777;
                text-align: left;
                position: absolute;
                top: 23%;
                left: 42%;
                width: 56%
            }

                .tablist .m5_con1 div.content .icon_area dd span {
                    display: block;
                    font-size: 16px;
                    color: #34322f;
                    margin: 0 0 2% 0;
                }

            .tablist .m5_con1 div.content .icon_area .icon3 dd {
                top: 15%
            }

        .tablist .m5_con1 div.content h5 {
            font-size: 20px;
            line-height: 20px;
            color: #333333;
            margin: 0 0 30px 0;
        }

        .tablist .m5_con1 div.content li {
            margin: 45px 0 0 0;
        }

        .tablist .m5_con1 div.content .log21_1 .imgarea {
            width: 80%;
            padding: 0 10%;
        }

        .tablist .m5_con1 div.content .log21_1 img {
            width: 100%;
        }

        .tablist .m5_con1 div.content .log21_2 > p {
            margin: 0 0 30px 0;
            font-size: 15px;
        }

        .tablist .m5_con1 div.content .log21_2 dl {
        }

            .tablist .m5_con1 div.content .log21_2 dl.first {
                margin: 0 0 45px 0;
            }
        /* 신규 추가 */
        .tablist .m5_con1 div.content .Saferoad dl.first {
            margin: 20px 0 45px 0;
        }

        .tablist .m5_con1 div.content .Saferoad dt {
            width: 90%;
            padding: 0 5%;
            margin: 0 0 15px 0;
        }

            .tablist .m5_con1 div.content .Saferoad dt img {
                width: 100%;
            }

        .tablist .m5_con1 div.content .Saferoad dd {
            font-size: 14px;
        }

        .tablist .m5_con1 div.content .Saferoad .imgarea {
            padding-bottom: 40px;
        }
        /*악세서리CSS 신규추가*/
        .tablist .m5_con1 div.content {
            padding: 0
        }

            .tablist .m5_con1 div.content .acc dl {
                min-height: 250px;
                margin: 20px 0 0 0;
                width: 48%;
                float: left;
            }

                .tablist .m5_con1 div.content .acc dl.first {
                    min-height: 250px;
                    margin: 20px 0 0 0;
                    width: 48%;
                    float: left;
                }

            .tablist .m5_con1 div.content .acc dt {
                width: 90%;
                padding: 0 5%;
                margin: 0;
            }

                .tablist .m5_con1 div.content .acc dt img {
                    width: 100%;
                }

            .tablist .m5_con1 div.content .acc dd {
                font-size: 13px;
            }

                .tablist .m5_con1 div.content .acc dd.bold {
                    font-size: 14px;
                    font-weight: 500;
                }

            .tablist .m5_con1 div.content .acc .imgarea {
                padding-bottom: 40px;
                overflow: hidden;
            }

            /* // 신규 추가*/
            .tablist .m5_con1 div.content .log21_2 dt {
                width: 90%;
                padding: 0 5%;
                margin: 0 0 15px 0;
            }

                .tablist .m5_con1 div.content .log21_2 dt img {
                    width: 100%;
                }

            .tablist .m5_con1 div.content .log21_2 dd {
                font-size: 14px;
            }

    .tablist .m5_con2 {
        background: #f5f5f5;
        padding: 35px 0 70px 0;
    }

        .tablist .m5_con2 .content {
            margin: 40px 0 0 0;
            padding: 0 6%;
            text-align: center
        }

        .tablist .m5_con2 div.content h5 {
            padding: 20px 0 0 0;
            background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bull/bull_title05.jpg) no-repeat center 0;
            font-size: 23px;
            line-height: 23px;
            margin: 0 0 23px 0;
        }

        .tablist .m5_con2 div.content p {
            margin: 20px 0 0 0;
            color: #777;
            font-size: 14px
        }

        .tablist .m5_con2 div.content h6 {
            font-size: 20px;
            line-height: 20px;
            text-transform: uppercase;
        }

        .tablist .m5_con2 div.content table.type01 {
            margin: 20px 0 35px 0;
        }

            .tablist .m5_con2 div.content table.type01 th {
                background: #e8e8e8;
                border-top: 1px solid #d5d6d8;
            }

        .tablist .m5_con2 div.content span {
            color: #7296ba;
            display: block;
        }

        .tablist .m5_con2 div.content dl {
            margin: 20px 0 0 0;
        }

            .tablist .m5_con2 div.content dl.first {
                margin: 30px 0 0 0;
            }

            .tablist .m5_con2 div.content dl dt {
                font-size: 18px;
                color: #34322f;
                margin: 0 0 10px 0;
            }

    /* Law Counseling */
    .law_consulting .imgarea {
        height: 290px;
        background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bg/bg_counselinglist_header_m.jpg) no-repeat center top;
        background-size: cover;
    }

        .law_consulting .imgarea .text {
            padding-top: 120px;
            color: #fff;
            text-align: center;
        }

            .law_consulting .imgarea .text h4 {
                margin: 0 auto;
                width: 80%;
                font-size: 26px;
                line-height: 1.1;
                text-transform: uppercase;
            }

            .law_consulting .imgarea .text p {
                display: none;
            }

                .law_consulting .imgarea .text p.strong {
                    display: block;
                    margin: 0 auto;
                    width: 70%;
                    font-weight: 600;
                    margin-top: 11px;
                    font-size: 12px;
                    line-height: 1.1;
                }

                .law_consulting .imgarea .text p.admin {
                    display: block;
                    margin-top: 7px;
                    font-size: 15px;
                    line-height: 1.3;
                    text-transform: uppercase;
                }

        .law_consulting .imgarea .text2 {
            padding-top: 65px;
        }

    .law_consulting .textarea {
        margin: 40px 0 40px;
        padding: 0 4%;
        text-align: center
    }

        .law_consulting .textarea img {
            width: 100%;
            margin: 40px 0 0
        }

        .law_consulting .textarea h4 {
            padding: 15px 0 0 0;
            background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bull/bull_title01.jpg) no-repeat center 0;
            font-size: 25px
        }

        .law_consulting .textarea p {
            margin: 17px 0 0 0;
            color: #777;
            font-size: 14px;
            line-height: 18px
        }

    .law_consulting .list {
        margin: 33px auto 47px;
        width: 90%;
        border-top: 1px solid #696969;
        border-bottom: 1px solid #696969;
    }

        .law_consulting .list li {
            padding: 12px 0 6px;
            border-bottom: 1px solid #e5e5e5;
            background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/icon/icon_question_off.png) no-repeat 0 15px;
            background-size: 24px;
        }

            .law_consulting .list li:last-child {
                border: 0;
            }

            .law_consulting .list li > div {
                margin: 0 auto;
                width: 80%;
            }

            .law_consulting .list li div p.suject {
                padding-bottom: 9px;
                font-size: 18px;
                line-height: 1.1;
                color: #333333;
            }

            .law_consulting .list li div p.info {
                padding-bottom: 11px;
                font-size: 12px;
                line-height: 1.1;
                color: #bbbbbb;
            }

                .law_consulting .list li div p.info span.date {
                    margin-left: 8px;
                    padding-left: 12px;
                    background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/icon/icon_day.png) no-repeat 0 center;
                    background-size: 9px;
                }

            .law_consulting .list li div.status {
                display: inline;
                padding-right: 5px;
                font-size: 12px;
                color: #777777;
            }

                .law_consulting .list li div.status img {
                    margin-left: 7px;
                    width: 17px;
                }

            .law_consulting .list li div.icon {
                display: inline;
                padding-right: 5px;
                font-size: 12px;
                color: #777777;
            }

            .law_consulting .list li div.comleted {
                color: #3898d3;
            }

            .law_consulting .list li div.secret {
                display: inline;
            }

                .law_consulting .list li div.secret img {
                    width: 9px;
                    vertical-align: middle;
                }

    .law_consulting .only_US {
        position: fixed;
        top: 0;
        width: 100%;
        background: #3898d3;
        text-align: center;
        z-index: 101;
        line-height: 39px;
        color: #fff;
        font-size: 14px;
    }

        .law_consulting .only_US a {
            position: absolute;
            right: 3%;
        }

            .law_consulting .only_US a img {
                vertical-align: middle;
                margin-top: -3px;
                width: 7px;
            }

    .law_consulting .textarea2 {
        margin: 40px auto;
        width: 70%;
        text-align: center;
    }

        .law_consulting .textarea2 h5 {
            padding: 20px 0 26px;
            background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bull/bull_title02.jpg) no-repeat center 0;
            font-size: 20px;
            line-height: 25px;
            text-align: center
        }

        .law_consulting .textarea2 p {
            font-size: 12px;
            color: #8a8a8a;
        }

    .law_consulting .btn_now {
        margin: 0 auto;
        padding-bottom: 30px;
        width: 55%;
    }

        .law_consulting .btn_now a {
            display: block;
            line-height: 30px;
            border-radius: 4px;
            background: #3898d3;
            color: #fff;
            font-size: 12px;
            text-align: center;
            text-transform: uppercase;
        }

    .law_consulting .btn_now2 {
        margin: 0 auto;
        padding-top: 32px;
        width: 137px;
    }

        .law_consulting .btn_now2 a {
            display: block;
            line-height: 30px;
            border-radius: 4px;
            background: #3898d3;
            color: #fff;
            font-size: 12px;
            text-align: center;
            text-transform: uppercase;
        }

    .law_consulting .view .movie {
        padding: 52px 0;
        width: 100%;
        background: #1a1a1a;
        text-align: center;
    }

    .law_consulting .view .youtube_movie {
        width: 285px;
        height: 187px;
    }

    .law_consulting .view .textarea2 {
        margin: 60px auto;
        width: 90%;
    }

        .law_consulting .view .textarea2 > div {
            margin-bottom: 63px;
        }

        .law_consulting .view .textarea2 dl {
            border-left: 1px solid #d5d6d8;
            border-right: 1px solid #d5d6d8;
        }

            .law_consulting .view .textarea2 dl:first-child {
                border-top: 1px solid #d5d6d8;
            }

        .law_consulting .view .textarea2 dt {
            padding: 15px 20px;
            text-align: left;
            font-size: 15px;
            line-height: 1.1;
            background: #eff0f0;
        }

            .law_consulting .view .textarea2 dt span {
                color: #3898d3;
            }

        .law_consulting .view .textarea2 dd {
            padding: 15px 20px;
            text-align: left;
            font-size: 12px;
            line-height: 1.2;
            color: #777;
            border-bottom: 1px solid #d5d6d8;
        }

        .law_consulting .view .textarea2 .answer {
            border-top: 1px solid #d5d6d8;
        }

            .law_consulting .view .textarea2 .answer dt {
                padding: 15px 0;
                font-size: 12px;
                line-height: 17px;
                background: #eff0f0;
            }

                .law_consulting .view .textarea2 .answer dt div {
                    float: left;
                }

                .law_consulting .view .textarea2 .answer dt .answer_dt_img {
                    width: 4%;
                    padding: 1% 0 0 3%;
                }

                .law_consulting .view .textarea2 .answer dt .answer_dt_txt {
                    width: 84%;
                    padding: 0 3%
                }

                .law_consulting .view .textarea2 .answer dt img {
                    width: 11px;
                }

            .law_consulting .view .textarea2 .answer dd div.answer_img {
                padding: 4% 0;
                text-align: center;
            }

                .law_consulting .view .textarea2 .answer dd div.answer_img img {
                    width: 70px;
                }

            .law_consulting .view .textarea2 .answer dd div.answer_txt {
                padding: 2% 3%;
                text-align: center;
            }

            .law_consulting .view .textarea2 .answer dd div.video_img {
                padding: 2% 0 0;
                text-align: center;
            }

                .law_consulting .view .textarea2 .answer dd div.video_img img {
                    width: 76px;
                }

            .law_consulting .view .textarea2 .answer dd div.video_txt {
                padding: 2% 3%;
                text-align: center;
            }

        .law_consulting .view .textarea2 .answer_edit_area {
            display: none;
        }

        .law_consulting .view .textarea2 .answer_edit {
            border-top: 1px solid #d5d6d8;
        }

            .law_consulting .view .textarea2 .answer_edit dt {
                padding: 15px 0;
                font-size: 12px;
                line-height: 17px;
                background: #eff0f0;
            }

                .law_consulting .view .textarea2 .answer_edit dt div {
                    float: left;
                }

                .law_consulting .view .textarea2 .answer_edit dt .answer_dt_img {
                    width: 4%;
                    padding: 1% 0 0 3%;
                }

                .law_consulting .view .textarea2 .answer_edit dt .answer_dt_txt {
                    width: 84%;
                    padding: 0 3%
                }

                .law_consulting .view .textarea2 .answer_edit dt img {
                    width: 11px;
                }

            .law_consulting .view .textarea2 .answer_edit dd div.answer_img {
                padding: 4% 0;
                text-align: center;
            }

                .law_consulting .view .textarea2 .answer_edit dd div.answer_img img {
                    width: 70px;
                }

            .law_consulting .view .textarea2 .answer_edit dd div.answer_txt {
                padding: 2% 3%;
                text-align: center;
            }

                .law_consulting .view .textarea2 .answer_edit dd div.answer_txt textarea {
                    padding: 0 2%;
                    width: 96%;
                    height: 147px;
                    resize: none;
                    border: 1px solid #e4e4e4;
                }

                .law_consulting .view .textarea2 .answer_edit dd div.answer_txt p {
                    padding-top: 5px;
                    text-align: right;
                    font-size: 12px;
                    color: #a9a9a9;
                }

            .law_consulting .view .textarea2 .answer_edit dd div.video_img {
                padding: 2% 0 0;
                text-align: center;
            }

                .law_consulting .view .textarea2 .answer_edit dd div.video_img img {
                    width: 76px;
                }

            .law_consulting .view .textarea2 .answer_edit dd div.video_txt {
                padding: 2% 3%;
                text-align: center;
            }

            .law_consulting .view .textarea2 .answer_edit .file_area > ul {
                padding: 9px 0;
            }

            .law_consulting .view .textarea2 .answer_edit .file_area ul li {
                margin-bottom: 4px;
            }

            .law_consulting .view .textarea2 .answer_edit input[type=text] {
                margin-bottom: 4px;
                padding-left: 2%;
                width: 98%;
                height: 29px;
                line-height: 29px;
                border: 1px solid #e4e4e4;
            }

            .law_consulting .view .textarea2 .answer_edit .file_area .btn_file {
                position: relative;
                float: left;
                overflow: hidden;
                width: 75px;
                line-height: 30px;
                border-radius: 4px;
                color: #fff;
                font-size: 10px;
                text-transform: uppercase;
                cursor: pointer;
                background: #4e545a;
            }

                .law_consulting .view .textarea2 .answer_edit .file_area .btn_file input {
                    position: absolute;
                    top: 0;
                    right: 0;
                    width: 500px;
                    height: 28px;
                    font-size: 30px;
                    cursor: pointer;
                    opacity: 0;
                    filter: alpha(opacity=0);
                    cursor: pointer;
                }

            .law_consulting .view .textarea2 .answer_edit .file_area p {
                margin-top: 8.5px;
                text-align: left;
                color: #a9a9a9;
            }

            .law_consulting .view .textarea2 .answer_edit .file_area ul li.file_list {
                display: none;
            }

        .law_consulting .view .textarea2 .down_area dt {
            float: left;
            width: 30%;
            padding: 0;
            text-align: center;
            line-height: 45px;
            border-bottom: 1px solid #d5d6d8;
        }

        .law_consulting .view .textarea2 .down_area dd {
            float: left;
            width: 62%;
            padding: 8px 4% 7px;
        }

        .law_consulting .view .textarea2 .btn_down a {
            display: block;
            width: 74.5px;
            line-height: 30px;
            border-radius: 4px;
            background: #3898d3;
            color: #fff;
            font-size: 10px;
            text-align: center;
            text-transform: uppercase;
        }

        .law_consulting .view .textarea2 .btn_area {
            margin: 0 auto;
            padding-top: 40px;
            width: 159px;
            border: 0;
        }

            .law_consulting .view .textarea2 .btn_area li {
                float: left;
                width: 74.5px;
            }

                .law_consulting .view .textarea2 .btn_area li a {
                    display: block;
                    color: #fff;
                    font-size: 10px;
                    line-height: 30px;
                    background: #3898d3;
                    text-align: center;
                    border-radius: 2px;
                    text-transform: uppercase;
                }

                .law_consulting .view .textarea2 .btn_area li.btn_edit {
                    margin-right: 10px;
                }

                .law_consulting .view .textarea2 .btn_area li.btn_list a {
                    background: #4e545a;
                }

                .law_consulting .view .textarea2 .btn_area li.btn_submit {
                    margin-right: 10px;
                }

                .law_consulting .view .textarea2 .btn_area li.btn_cancel a {
                    background: #4e545a;
                }

    .law_consulting .textarea3 {
        position: relative;
        margin: 39px auto;
        width: 90%;
        text-align: center;
    }

        .law_consulting .textarea3 h5 {
            color: #333;
            font-size: 20px;
            line-height: 1.1;
            text-align: center;
        }

        .law_consulting .textarea3 > p {
            padding: 15px 0 10px;
            background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bull/bull_title02.jpg) no-repeat center 0;
            font-size: 12px;
            line-height: 1.1;
            color: #8a8a8a;
            text-align: center;
            text-transform: uppercase;
        }

    .law_consulting .submit .textarea3 input[type=text] {
        margin-bottom: 4px;
        padding-left: 2%;
        width: 98%;
        height: 29px;
        line-height: 29px;
        border: 1px solid #e4e4e4;
    }

    .law_consulting .submit .textarea3 dl {
        border-left: 1px solid #d5d6d8;
        border-right: 1px solid #d5d6d8;
    }

        .law_consulting .submit .textarea3 dl:first-child {
            border-top: 1px solid #d5d6d8;
        }

    .law_consulting .submit .textarea3 dt {
        padding: 15px 20px;
        text-align: left;
        font-size: 15px;
        line-height: 1.1;
        background: #eff0f0;
    }

        .law_consulting .submit .textarea3 dt span {
            color: #3898d3;
        }

    .law_consulting .submit .textarea3 dd {
        padding: 15px 20px;
        text-align: left;
        font-size: 12px;
        line-height: 1.2;
        color: #777;
        border-bottom: 1px solid #d5d6d8;
    }

        .law_consulting .submit .textarea3 dd p.byte {
            text-align: right;
        }

        .law_consulting .submit .textarea3 dd a.link {
            color: #3898d3;
            text-decoration: underline;
        }

    .law_consulting .submit .textarea3 .btn_add {
        position: absolute;
        top: 97px;
        right: 0;
    }

        .law_consulting .submit .textarea3 .btn_add a {
            display: block;
            width: 75px;
            line-height: 30px;
            border-radius: 4px;
            color: #fff;
            font-size: 10px;
            text-transform: uppercase;
            background: #3898d3;
        }

    .law_consulting .submit .textarea3 .submit_txt {
        margin-top: 38px;
    }

    .law_consulting .submit .textarea3 .w_select {
        margin-bottom: 7px;
    }

    .law_consulting .submit .textarea3 textarea {
        padding-left: 2%;
        width: 98%;
        border: 1px solid #e4e4e4;
        line-height: 29px;
        resize: none;
    }

    .law_consulting .submit .textarea3 .date input[type=text] {
        width: 30%
    }

    .law_consulting .submit .textarea3 .date input.time {
        width: 50px;
    }

    .law_consulting .submit .file_area {
        margin-top: 70px;
    }

        .law_consulting .submit .file_area > ul {
            padding: 9px 0;
            border-top: 1px solid #d5d6d8;
            border-bottom: 1px solid #d5d6d8;
        }

        .law_consulting .submit .file_area ul li {
            margin-bottom: 4px;
        }

        .law_consulting .submit .file_area ul.btn_area {
            float: right;
        }

            .law_consulting .submit .file_area ul.btn_area li {
                float: left;
                margin-left: 7.5px;
            }

                .law_consulting .submit .file_area ul.btn_area li a {
                    display: block;
                    width: 75px;
                    line-height: 30px;
                    border-radius: 4px;
                    color: #fff;
                    font-size: 10px;
                    text-transform: uppercase;
                }

            .law_consulting .submit .file_area ul.btn_area .btn_file {
                position: relative;
                float: left;
                overflow: hidden;
                width: 75px;
                line-height: 30px;
                border-radius: 4px;
                color: #fff;
                font-size: 10px;
                text-transform: uppercase;
                cursor: pointer;
                background: #4e545a;
            }

                .law_consulting .submit .file_area ul.btn_area .btn_file input {
                    position: absolute;
                    top: 0;
                    right: 0;
                    width: 500px;
                    height: 28px;
                    font-size: 30px;
                    cursor: pointer;
                    opacity: 0;
                    filter: alpha(opacity=0);
                    cursor: pointer;
                }

            .law_consulting .submit .file_area ul.btn_area li.btn_delete a {
                background: #bfc6cd;
            }

        .law_consulting .submit .file_area p {
            margin-top: 8.5px;
            text-align: left;
            color: #a9a9a9
        }

        .law_consulting .submit .file_area ul li.file_list {
            display: none;
        }

        .law_consulting .submit .file_area #fileProgress {
            position: relative;
            width: 100%;
            height: 30px;
            border: 1px solid #bfc6cd;
        }

        .law_consulting .submit .file_area #fileBar {
            position: absolute;
            width: 0%;
            height: 100%;
            background-color: #bfc6cd;
        }

        .law_consulting .submit .file_area .labelArea {
            position: absolute;
            left: 20px;
            top: 0;
            width: 500px;
        }

            .law_consulting .submit .file_area .labelArea #label {
                float: left;
                padding-right: 5px;
                font-size: 12px;
                color: #4e545a;
                line-height: 30px;
            }

            .law_consulting .submit .file_area .labelArea span {
                float: left;
                font-size: 12px;
                color: #fff;
                line-height: 30px;
            }

        .law_consulting .submit .file_area .btn_x {
            position: absolute;
            top: 12px;
            right: 10px;
            width: 13px;
            height: 13px;
            background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/btn/btn_x.png) 0 0 no-repeat;
            background-size: 5.5px;
        }

    .law_consulting .btn_submit {
        margin: 0 auto 60px;
        width: 20%;
    }

        .law_consulting .btn_submit a {
            display: block;
            line-height: 30px;
            color: #fff;
            background: #3898d3;
            text-align: center;
            border-radius: 2px;
            text-transform: uppercase;
        }

    /* News */
    .news .imgarea {
        margin-bottom: 55px;
        height: 290px;
        background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bg/bg_news_header_m.jpg) no-repeat center top;
        background-size: cover;
    }

        .news .imgarea .text {
            padding-top: 82px;
            color: #fff;
            text-align: center;
        }

            .news .imgarea .text h4 {
                font-size: 26px;
                line-height: 1.1;
                text-transform: uppercase;
            }

            .news .imgarea .text p {
                margin: 0 auto;
                width: 80%;
                padding-top: 20px;
                font-size: 11px;
                line-height: 1.3;
                text-transform: uppercase;
            }

    .news .news_top {
        margin: 0 auto;
        width: 90%;
    }

        .news .news_top .main_news {
            position: relative;
            margin-bottom: 15px;
        }

            .news .news_top .main_news img {
                width: 100%;
            }

            .news .news_top .main_news div.news_cont {
                position: absolute;
                bottom: 0;
                padding: 20px 4%;
                width: 92%;
                background: rgba(0, 0, 0, 0.5);
            }

                .news .news_top .main_news div.news_cont p.date {
                    display: block;
                    padding-left: 20px;
                    color: #7296ba;
                    font-size: 10px;
                    background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/icon/icon_day_b.png) 0 center no-repeat;
                }

                .news .news_top .main_news div.news_cont h5 {
                    color: #ffffff;
                    font-size: 15px;
                    font-weight: 400;
                    white-space: nowrap;
                    overflow: hidden;
                    text-overflow: ellipsis;
                }

                .news .news_top .main_news div.news_cont p {
                    display: none;
                }

    .news .news_view_area .news_view_1 .img {
        width: 100%;
        overflow: hidden;
    }

        .news .news_view_area .news_view_1 .img img {
            width: 100%;
        }

    .news .news_top .sub_news img {
        width: 100%;
    }

    .news .news_top .sub_news li {
        position: relative;
        margin-bottom: 15px;
    }

        .news .news_top .sub_news li div.news_cont {
            position: absolute;
            bottom: 0;
            padding: 20px 5%;
            width: 90%;
            background: rgba(0, 0, 0, 0.5);
        }

            .news .news_top .sub_news li div.news_cont p.date {
                padding-left: 20px;
                color: #7296ba;
                font-size: 10px;
                background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/icon/icon_day_b.png) 0 center no-repeat;
            }

            .news .news_top .sub_news li div.news_cont h5 {
                width: 100%;
                color: #ffffff;
                font-size: 14px;
                font-weight: 300;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
            }

    .news .news_list_area {
        margin: 0 auto;
        width: 90%;
        margin-bottom: 20px;
    }

        .news .news_list_area .textarea1 {
            margin-top: 35px;
        }

            .news .news_list_area .textarea1 h5 {
                padding: 13px 0;
                font-size: 17px;
                line-height: 1.1;
                background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bull/bull_title02.jpg) no-repeat 0 0;
                background-size: 27px;
            }

        .news .news_list_area .news_list_1 .paging_m2 {
            margin: 0 auto;
        }

        .news .news_list_area .news_list_1 .news_list {
            margin-bottom: 17px;
        }

            .news .news_list_area .news_list_1 .news_list li {
                margin-bottom: 10px;
            }

                .news .news_list_area .news_list_1 .news_list li div.news_list_img {
                    float: left;
                    width: 45%;
                }

                    .news .news_list_area .news_list_1 .news_list li div.news_list_img img {
                        width: 100%;
                    }

                .news .news_list_area .news_list_1 .news_list li div.news_cont {
                    float: left;
                    width: 48%;
                    margin: 10px 3% 0 4%;
                }

                    .news .news_list_area .news_list_1 .news_list li div.news_cont h6 {
                        margin-bottom: 12.5px;
                        font-size: 14px;
                        color: #333333;
                        line-height: 1.2;
                        overflow: hidden;
                        height: 32px;
                    }

                    .news .news_list_area .news_list_1 .news_list li div.news_cont p {
                        display: none;
                    }

                    .news .news_list_area .news_list_1 .news_list li div.news_cont div.news_content_detail {
                        height: 60px;
                        overflow: hidden;
                        margin-bottom: 20px;
                    }

                    .news .news_list_area .news_list_1 .news_list li div.news_cont p.date {
                        display: block;
                        margin: 0;
                        padding-left: 12.5px;
                        font-size: 10px;
                        color: #aaaaaa;
                        line-height: 1.2;
                        background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/icon/icon_day.png) 0 center no-repeat;
                        background-size: 8px;
                    }

        .news .news_list_area .news_list_2 .released_press li {
            margin-bottom: 1px;
            padding: 16.5px 7%;
            background: #f0f0f0;
        }

            .news .news_list_area .news_list_2 .released_press li h6 {
                margin-bottom: 10px;
                font-size: 14px;
                color: #333333;
                line-height: 1.2;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
            }

            .news .news_list_area .news_list_2 .released_press li p {
                font-size: 10px;
                color: #7b7b7b;
                line-height: 1.4;
                width: 100%;
                height: 20px;
                overflow: hidden;
            }

                .news .news_list_area .news_list_2 .released_press li p.img {
                    padding-top: 6px;
                }

                    .news .news_list_area .news_list_2 .released_press li p.img img {
                        width: 14px;
                    }

        .news .news_list_area .news_list_2 .btn_readmore {
            padding: 11px 0;
            background: #f0f0f0;
        }

            .news .news_list_area .news_list_2 .btn_readmore a {
                display: block;
                margin: 0 auto;
                width: 90%;
                color: #ffffff;
                font-size: 12px;
                line-height: 30px;
                text-transform: uppercase;
                text-align: center;
                background: #3898d3;
                border-radius: 4px;
            }

        .news .news_list_area .news_list_2 .news_sns {
            margin: 20px 0 40px 0;
            padding: 15px;
            border: 1px solid #d9d9d9;
        }

            .news .news_list_area .news_list_2 .news_sns h6 {
                margin-bottom: 14px;
                color: #333333;
                font-size: 14px;
            }

            .news .news_list_area .news_list_2 .news_sns .sns a {
                float: left;
                margin-right: 10px;
            }

            .news .news_list_area .news_list_2 .news_sns .sns img {
                display: block;
                width: 25px;
            }

    .news .news_view_area {
        margin: 0 auto;
        width: 90%;
    }

        .news .news_view_area .textarea1 h5 {
            padding: 15px 0;
            font-size: 18px;
            line-height: 1.1;
            background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bull/bull_title02.jpg) no-repeat 0 0;
        }

        .news .news_view_area .news_view_1 .img img {
            width: 100%;
        }

        .news .news_view_area .news_view_1 p.date {
            padding: 15px 0 12.5px 12.5px;
            font-size: 10px;
            color: #aaaaaa;
            line-height: 1.2;
            background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/icon/icon_day.png) 0 center no-repeat;
            background-size: 8px;
        }

        .news .news_view_area .news_view_1 h5 {
            padding: 0 0 16px;
            background: none;
        }

        .news .news_view_area .news_view_1 .news_content {
            font-size: 14px;
            line-height: 1.3;
            color: #777777;
        }

        .news .news_view_area .news_view_1 .contact {
            margin: 14px 0 20px;
            padding: 17px 15px;
            border: 1px solid #d8d8d8;
        }

            .news .news_view_area .news_view_1 .contact h6 {
                font-size: 14px;
                color: #323232;
                font-weight: 400;
            }

            .news .news_view_area .news_view_1 .contact p {
                padding: 10px 0 0;
                font-size: 12px;
                color: #aaaaaa;
                line-height: 1.2;
                background: none;
            }

                .news .news_view_area .news_view_1 .contact p a {
                    color: #7296ba;
                    text-decoration: underline;
                }

        .news .news_view_area .news_view_1 .btn_area {
            margin-bottom: 35px;
        }

            .news .news_view_area .news_view_1 .btn_area li {
                float: left;
                margin-right: 10px;
            }

            .news .news_view_area .news_view_1 .btn_area .btn_share a {
                display: block;
                width: 70px;
                line-height: 30px;
                border-radius: 4px;
                color: #fff;
                font-size: 12px;
                text-transform: uppercase;
                text-align: center;
                background: #4e545a;
            }

            .news .news_view_area .news_view_1 .btn_area .btn_list a {
                display: block;
                width: 70px;
                line-height: 30px;
                border-radius: 4px;
                color: #fff;
                font-size: 12px;
                text-transform: uppercase;
                text-align: center;
                background: #bfc6cd;
            }

        .news .news_view_area .news_view_2 .released_press li {
            margin-bottom: 1px;
            padding: 16.5px 7%;
            background: #f0f0f0;
        }

            .news .news_view_area .news_view_2 .released_press li h6 {
                margin-bottom: 10px;
                font-size: 14px;
                color: #333333;
                line-height: 1.2;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
            }

            .news .news_view_area .news_view_2 .released_press li p {
                font-size: 10px;
                color: #7b7b7b;
                line-height: 1.4;
                width: 100%;
                height: 20px;
                overflow: hidden;
            }

                .news .news_view_area .news_view_2 .released_press li p.img {
                    padding-top: 6px;
                }

                    .news .news_view_area .news_view_2 .released_press li p.img img {
                        width: 14px;
                    }

        .news .news_view_area .news_view_2 .btn_readmore {
            padding: 11px 0;
            background: #f0f0f0;
        }

            .news .news_view_area .news_view_2 .btn_readmore a {
                display: block;
                margin: 0 auto;
                width: 90%;
                color: #ffffff;
                font-size: 12px;
                line-height: 30px;
                text-transform: uppercase;
                text-align: center;
                background: #3898d3;
                border-radius: 4px;
            }

        .news .news_view_area .news_view_2 .news_sns {
            margin: 10px 0 40px 0;
            padding: 15px;
            border: 1px solid #d9d9d9;
        }

            .news .news_view_area .news_view_2 .news_sns h6 {
                margin-bottom: 14px;
                color: #333333;
                font-size: 14px;
            }

            .news .news_view_area .news_view_2 .news_sns .sns a {
                float: left;
                margin-right: 10px;
            }

            .news .news_view_area .news_view_2 .news_sns .sns img {
                display: block;
                width: 25px;
            }

    .news .released_press_page {
        margin: 0 auto 45px;
        width: 90%;
    }

        .news .released_press_page h5 {
            margin-bottom: 17px;
            padding: 31.3px 0 27px 0;
            font-size: 25px;
            text-align: center;
            background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bull/bull_title01.jpg) no-repeat center 0;
            border-bottom: 1px solid #e0e0e0;
        }

        .news .released_press_page li {
            margin-bottom: 18px;
            padding-left: 13px;
            background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bull/bull_title02.jpg) 0 14px no-repeat;
            background-size: 3.5px 1px;
        }

        .news .released_press_page span {
            font-size: 14px;
            color: #323232;
            line-height: 1.1;
        }

        .news .released_press_page p.writer {
            display: block;
            margin-top: 6px;
            font-size: 10px;
            color: #aaaaaa;
            width: 100%;
            height: 20px;
            overflow: hidden;
        }

        .news .released_press_page p.img {
            padding-top: 6px;
        }

            .news .released_press_page p.img img {
                width: 14px;
            }


    .sub_news_detail {
        height: 44px;
        overflow: hidden;
    }

    /* Etc */
    .etc {
        padding: 50px 0;
    }

        .etc .textarea {
            margin: 0 auto;
            width: 90%;
        }

            .etc .textarea h3 {
                font-weight: bold;
                font-size: 18px;
                color: #777777;
                line-height: 1.2;
                padding-top: 27px;
                padding-bottom: 27px;
            }

            .etc .textarea h4 {
                color: #323232;
                font-size: 20px;
                line-height: 1.2;
                padding: 12px 0 45px;
                background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bull/bull_title02.jpg) no-repeat 0 0;
            }

            .etc .textarea h5 {
                color: #777777;
                font-weight: bold;
                font-size: 15px;
                line-height: 1.2;
                padding-bottom: 27px;
                padding-top: 10px;
            }

            .etc .textarea h6 {
                color: #030303;
                font-size: 12px;
                line-height: 1.2;
                padding-bottom: 27px;
            }

            .etc .textarea p {
                color: #777777;
                font-size: 12px;
                line-height: 17px;
                padding-bottom: 10px;
            }

            .etc .textarea .p1 {
                color: #777777;
                font-size: 16px;
                line-height: 22px;
                padding-bottom: 20px;
                padding-top: 25px;
            }

    /* Social */
    .social > .imgarea {
        margin-bottom: 30px;
        height: 290px;
        background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bg/bg_social_header_m.jpg) no-repeat center top;
        background-size: cover;
    }

    .social .imgarea .text {
        padding-top: 80px;
        color: #fff;
        text-align: center;
    }

        .social .imgarea .text h4 {
            font-size: 26px;
            line-height: 1.1;
            text-transform: uppercase;
        }

        .social .imgarea .text p {
            padding-top: 15px;
            font-size: 12px;
        }

    .social .sns_list {
        margin: 0 auto 30px;
        width: 90%;
    }

        .social .sns_list .imgarea img {
            width: 100%;
        }

        .social .sns_list .txtarea {
            padding: 9px 15px 9px 59px;
        }

            .social .sns_list .txtarea a {
                display: block;
                overflow: hidden;
                height: 37px;
            }

        .social .sns_list .sns_youtube {
            position: relative;
            margin-bottom: 10px;
        }

            .social .sns_list .sns_youtube .txtarea {
                background: #d83632 url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/icon/icon_youtube.jpg) 0 0 no-repeat;
                background-size: 50px !important;
                ;
                color: #ffffff;
                font-size: 14px;
                line-height: 18px;
            }

            .social .sns_list .sns_youtube .imgarea {
                position: relative;
                height:
            }

            .social .sns_list .sns_youtube .youtube_play {
                position: absolute;
                top: 0;
                left: 0;
                display: block;
                width: 100%;
                height: 100%;
            }

        .social .sns_list .sns_twitter {
            margin-bottom: 10px;
        }

            .social .sns_list .sns_twitter .txtarea {
                background: #2c9cde url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/icon/icon_twitter.jpg) 0 0 no-repeat;
                background-size: 50px !important;
                ;
                color: #ffffff;
                font-size: 14px;
                line-height: 18px;
            }

        .social .sns_list .sns_facebook1 {
            margin-bottom: 10px;
        }

            .social .sns_list .sns_facebook1 .txtarea {
                background: #3e65a7 url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/icon/icon_facebook.jpg) 0 0 no-repeat;
                background-size: 50px !important;
                ;
                color: #ffffff;
                font-size: 14px;
                line-height: 18px;
            }

        .social .sns_list .sns_facebook2 {
            margin-bottom: 10px;
        }

            .social .sns_list .sns_facebook2 .imgarea {
                overflow: hidden;
                height: 100px;
            }

            .social .sns_list .sns_facebook2 .txtarea {
                background: #3e65a7 url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/icon/icon_facebook.jpg) 0 0 no-repeat;
                background-size: 50px !important;
                ;
                color: #ffffff;
                font-size: 14px;
                line-height: 18px;
            }

        .social .sns_list .sns_blogspot_area .sns_blogspot {
            margin-bottom: 10px;
        }

            .social .sns_list .sns_blogspot_area .sns_blogspot.last {
                margin-bottom: 0;
            }

            .social .sns_list .sns_blogspot_area .sns_blogspot .imgarea {
                overflow: hidden;
                height: 120px;
            }

            .social .sns_list .sns_blogspot_area .sns_blogspot .txtarea {
                background: #ec9035 url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/icon/icon_blogspot.jpg) 0 0 no-repeat;
                background-size: 50px !important;
                color: #ffffff;
                font-size: 14px;
                line-height: 18px;
            }

    .sns_api {
        margin: 0 auto 30px;
        width: 90%;
    }

        .sns_api > div > img {
            width: 100%;
        }

        .sns_api div.sns_facebook ._2p3a {
            width: 100% !important;
        }

        .sns_api div.sns_instagram {
            width: 100%;
        }

        .sns_api .news_sns {
            margin: 10px 0 40px 0;
            padding: 15px;
            border: 1px solid #d9d9d9;
        }

            .sns_api .news_sns h6 {
                margin-bottom: 14px;
                color: #333333;
                font-size: 14px;
            }

            .sns_api .news_sns .sns a {
                float: left;
                margin-right: 10px;
            }

            .sns_api .news_sns .sns img {
                display: block;
                width: 25px;
            }

    .storify iframe {
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 6px !important;
    }

    /* Etc */
    .etc {
        padding: 50px 0;
    }

        .etc .textarea {
            margin: 0 auto;
            width: 90%;
        }

            .etc .textarea h4 {
                color: #323232;
                font-size: 20px;
                line-height: 1.2;
                padding: 12px 0 45px;
                background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bull/bull_title02.jpg) no-repeat 0 0;
            }

            .etc .textarea h5 {
                color: #ee3124;
                font-size: 15px;
                line-height: 1.2;
                padding-bottom: 48px;
            }

            .etc .textarea h6 {
                color: #030303;
                font-size: 12px;
                line-height: 1.2;
                padding-bottom: 39px;
            }

            .etc .textarea p {
                color: #777777;
                font-size: 12px;
                line-height: 17px;
                padding-bottom: 55px;
            }
}

/* 테블릿 css */
@media all and (min-width:768px) and (max-width:1279px) {
    /* 디바이스 뷰 제어 */
    .p_hidden {
        display: none !important
    }

    /* 404 not found */
    .btn_type05 p {
        text-align: left;
        margin: 0;
    }
    
    /* 구글 버튼 너비 고정 */
    .nsm7Bb-HzV7m-LgbsSe{
        width: 318px !important;
    }    
    .hJDwNd-SxQuSe{
        width: 318px !important;
    }    
    .i5vt6e-Ia7Qfc{
        width: 318px !important;
    }    
    .uaxL4e-RbRzK{
        width: 318px !important;
    }    
    

        .btn_type05 p.type08 span {
            display: block;
            padding: 1px 20px 1px 20px;
            border-radius: 5px;
            ;
            background: #818286;
            color: #fff;
            font-size: 18px;
        }

    .dashcam .imgarea8 {
        height: 490px;
        background-color: #f5f5f5
    }

        .dashcam .imgarea8 .textarea {
            position: absolute;
            top: 100px;
            width: 100%;
            text-align: center
        }

            .dashcam .imgarea8 .textarea h4 {
                font-size: 30px;
                font-weight: bold;
            }

            .dashcam .imgarea8 .textarea > p {
                margin: 10px 0 0 0;
                font-size: 16px;
            }

    .dashcam .btn_area1 {
        margin: 30px 0 0 1%;
    }

        .dashcam .btn_area1 .foot_404 {
            font-size: 18px;
        }

        .dashcam .btn_area1 .foot_404_end {
            font-size: 18px;
            margin-bottom: 2%;
        }

        .dashcam .btn_area1 .right {
            font-size: 16px
        }

    .t_box {
        margin-left: 35%
    }

    .t_box1 {
        margin-left: 20%
    }

    /* 공통 */
    .btn_type01 {
        display: inline-block;
        cursor: pointer;
    }

        .btn_type01 p {
            text-align: center
        }

            .btn_type01 p.type01 span {
                display: block;
                padding: 15px 30px;
                border-radius: 5px;
                background: #3898d3;
                color: #fff;
                font-size: 16px
            }

            .btn_type01 p.type02 span {
                display: block;
                padding: 5px 10px;
                border-radius: 5px;
                ;
                background: #3898d3;
                color: #fff;
                font-size: 12px
            }

            .btn_type01 p.type03 span {
                display: block;
                padding: 10px 55px 10px 85px;
                border-radius: 5px;
                background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/icon/icon_download.png) no-repeat 50px center;
                background-color: #3898d3;
                color: #fff;
                font-size: 14px;
                behavior: url(PIE.htc)
            }

            .btn_type01 p.type03.font18 span {
                font-size: 18px;
                padding: 10px 35px 10px 65px;
                background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/icon/icon_download.png) no-repeat 30px center;
                background-color: #3898d3;
                behavior: url(PIE.htc);
                width: 189px
            }

            .btn_type01 p.type04 span {
                display: block;
                padding: 10px 15px;
                border-radius: 5px;
                background: #3898d3;
                color: #fff;
                font-size: 14px;
                behavior: url(PIE.htc)
            }

            .btn_type01 p.type05 span {
                display: block;
                padding: 10px 20px 10px 45px;
                border-radius: 5px;
                background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/icon/icon_buy03.png) no-repeat 20px center;
                background-color: #3898d3;
                color: #fff !important;
                font-size: 14px;
                behavior: url(PIE.htc)
            }

            .btn_type01 p.type06 span {
                display: block;
                padding: 10px 20px 10px 50px;
                border-radius: 5px;
                background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/icon/icon_review.png) no-repeat 20px center;
                background-color: #3898d3;
                color: #fff;
                font-size: 14px;
                behavior: url(PIE.htc)
            }

            .btn_type01 p.type07 span {
                display: block;
                padding: 10px 70px 10px 70px;
                border-radius: 5px;
                ;
                background: #3898d3;
                color: #fff;
                font-size: 12px
            }

            .btn_type01 p.type08 span {
                display: block;
                padding: 10px 20px 10px 45px;
                border-radius: 5px;
                background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/icon/icon_buy05.png) no-repeat 20px center;
                background-color: #3898d3;
                color: #fff !important;
                font-size: 14px;
                behavior: url(PIE.htc)
            }

    .btn_type02 {
        display: inline-block
    }

    .btn_type02 {
        position: relative;
        display: inline-block
    }

        .btn_type02 p {
            text-align: center
        }

            .btn_type02 p.type01 {
                width: 135px
            }

                .btn_type02 p.type01 span {
                    display: block;
                    padding: 15px 30px;
                    border-radius: 5px;
                    background: #4e545a;
                    color: #fff;
                    font-size: 16px
                }

            .btn_type02 p.type02 span {
                display: block;
                padding: 5px 10px;
                border-radius: 5px;
                ;
                background: #4e545a;
                color: #fff;
                font-size: 12px
            }

            .btn_type02 p.type03 span {
                display: block;
                padding: 5px 10px;
                border-radius: 5px;
                ;
                background: #4e545a;
                color: #fff;
                font-size: 12px
            }

        .btn_type02.btn_sns {
            position: relative;
            width: 136px
        }

            .btn_type02.btn_sns.on .btn_type02 span {
                border-radius: 5px 5px 0 0;
                behavior: url(PIE.htc)
            }

            .btn_type02.btn_sns a {
                margin: 0 !important
            }

            .btn_type02.btn_sns p.list {
                position: absolute;
                top: 52px;
                left: 0;
                display: inline-block;
                width: 100%;
                height: 0;
                border-radius: 0 0 5px 5px;
                background: #4e545a;
                overflow: hidden;
                z-index: 10;
                behavior: url(PIE.htc)
            }

                .btn_type02.btn_sns p.list a {
                    display: block;
                    width: 100%;
                    padding: 17px 0;
                    border-top: 1px solid #fff
                }

    .btn_type02 {
        display: inline-block
    }

    .btn_type03 {
        position: relative;
        display: inline-block
    }

        .btn_type03 p {
            text-align: center
        }

            .btn_type03 p.type01 span {
                display: block;
                padding: 15px 30px;
                border-radius: 5px;
                background: #bfc6cd;
                color: #fff;
                font-size: 16px
            }

            .btn_type03 p.type02 span {
                display: block;
                padding: 5px 10px;
                border-radius: 5px;
                ;
                background: #bfc6cd;
                color: #fff;
                font-size: 12px
            }

            .btn_type03 p.type03 span {
                display: block;
                padding: 2px 4px;
                border-radius: 5px;
                ;
                background: #bfc6cd;
                color: #fff;
                font-size: 10px
            }

            .btn_type03 p.type04 span {
                display: block;
                padding: 10px 20px;
                border-radius: 5px;
                ;
                background: #bfc6cd;
                color: #fff;
                font-size: 18px;
                behavior: url(PIE.htc)
            }

    .btn_type04 {
        display: block;
        padding: 2px;
        border-radius: 5px;
        background: #bfc6cd;
        color: #fff;
        font-size: 11px
    }

    .btn_type04 {
        position: relative;
        display: inline-block
    }

        .btn_type04 a {
            color: #fff
        }

    .paging {
        margin: 0 auto 150px
    }

        .paging ul li {
            float: left;
            margin: 0 10px 0 0;
            font-size: 16px;
            text-align: center
        }

            .paging ul li.left {
                margin-right: 30px
            }

            .paging ul li.right {
                margin-left: 30px
            }

            .paging ul li.R_right {
                margin: 0
            }

                .paging ul li.L_left a, .paging ul li.left a, .paging ul li.right a, .paging ul li.R_right a {
                    padding: 0
                }

            .paging ul li a {
                display: block;
                width: 30px;
                height: 25px;
                padding: 5px 0 0 0;
                color: #ccd5de
            }

            .paging ul li.on a {
                background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bg/bg_paging.png) no-repeat;
                color: #fff
            }

    span.bull_star01 {
        display: block;
        padding: 0 0 0 10px;
        font-size: 16px; /*background:url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bull/bull_dot02.png) no-repeat 0 6px;*/
        color: #777;
    }

    span.bull_star02 {
        display: block;
        padding: 0 0 0 10px;
        color: #333;
        text-align: center;
        font-size: 16px;
    }
        /* background:url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bull/bull_dot02.png) no-repeat 0 6px;*/
        span.bull_star02 img {
            vertical-align: top;
            position: relative;
            top: 6px;
        }

    span.point {
        display: block;
        padding: 0 0 0 20px;
        background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/icon/icon_point.png) no-repeat 0 center;
        color: #777
    }

    span.prepared {
        float: left;
        color: #999;
    }

    span.name {
        float: left;
        margin-right: 15px;
        padding: 0 0 0 5px;
        color: #999;
    }

    span.day {
        padding: 0 0 0 17px;
        background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/icon/icon_day.png) no-repeat 0 center;
        color: #999
    }

    span.comment {
        padding: 0 0 0 17px;
        background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/icon/icon_comment.png) no-repeat 0 center;
        color: #999
    }

    span.view {
        padding: 0 0 0 17px;
        background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/icon/icon_view.png) no-repeat 0 center;
        color: #999;
        float: right;
    }

    table.type01 {
        width: 100%;
        margin: 100px 0 30px;
        border-top: 1px solid #a6a9ac;
        border-bottom: 1px solid #a6a9ac;
        font-size: 14px;
        text-align: center
    }

        table.type01 caption {
            font-size: 0;
            text-indent: -9999px
        }

        table.type01 th, table.type01 td {
            padding: 10px;
            border-right: 1px solid #d5d6d8;
            font: 300 14px "Open Sans"
        }

        table.type01 td {
            border-top: 1px solid #d5d6d8;
            border-right: 1px solid #d5d6d8;
            background: #fff;
            color: #666
        }

        table.type01 th {
            background: #f7f7f7
        }

        table.type01 .n_bt {
            border-top: 0
        }

        table.type01 .n_bl {
            border-left: 0
        }

        table.type01 .n_br {
            border-right: 0
        }

        table.type01 .n_bb {
            border-bottom: 0
        }

        table.type01 .b_bt {
            border-top: 1px solid #d5d6d8
        }

        table.type01 .b_bl {
            border-left: 1px solid #d5d6d8
        }

        table.type01 .b_br {
            border-right: 1px solid #d5d6d8
        }

        table.type01 .b_bb {
            border-bottom: 1px solid #d5d6d8
        }

        table.type01 .left {
            text-align: left
        }

        table.type01 .center {
            text-align: center
        }

        table.type01 .right {
            text-align: right
        }

    /*공통 추가*/
    .f_bold {
        font-weight: bold;
    }

    .f_color {
        color: #7296ba
    }

    /* 상단 팝업영역 */
    .top_notice {
        background: #3e3f41;
        height: 180px;
        width: 100%;
        color: #eee;
        overflow: hidden;
        position: relative;
    }

        .top_notice .close {
            position: absolute;
            top: 10px;
            right: 10px;
        }

        .top_notice .nation_tit {
            width: auto;
            margin: 0 auto;
            text-align: center;
            font-size: 14px;
            margin-top: 30px;
            line-height: 1.4;
        }

        .top_notice .nation_sel {
            width: 430px;
            margin: 0 auto;
            text-align: center;
            font-size: 14px;
            margin-top: 20px;
            overflow: hidden
        }

            .top_notice .nation_sel .link {
                float: left;
                width: auto;
                height: 48px;
                line-height: 48px;
            }

            .top_notice .nation_sel .nation {
                margin-left: 60px;
            }

    /* 상단 해더영역 */
    .header {
        width: 100%;
        height: 80px;
        background: #212223;
        z-index: 100;
        position: relative;
    }

        .header .logo {
            text-align: center;
            padding-top: 32px;
        }

            .header .logo img {
                text-align: center;
                width: 106px;
                height: 15px;
            }

        .header a.m_gnb {
            display: block;
            position: absolute;
            top: 0;
            left: 0;
            width: 80px;
            height: 80px;
            border-right: 1px solid #353638
        }

            .header a.m_gnb.on {
                height: 78px;
                border-bottom: 2px solid #ee3425
            }

        .header .gnb_m {
            position: absolute;
            top: 80px;
            left: -310px;
            float: left;
            width: 310px;
            background: #212223;
            text-transform: uppercase;
        }

            .header .gnb_m ul li {
                width: 100%;
                border-bottom: 1px solid #353638;
                font-size: 18px;
                text-align: center
            }

                .header .gnb_m ul li a {
                    display: block;
                    height: 45px;
                    padding: 25px 0 0 0;
                    color: #adadad;
                }

                    .header .gnb_m ul li a.point {
                        color: #ee3124
                    }

            .header .gnb_m ul.signin {
                background: #18181a;
            }

                .header .gnb_m ul.signin a {
                    color: #fff;
                }

        .header .btn_signin {
            width: 140px;
            height: 79px;
            background: #000;
            text-align: center
        }

            .header .btn_signin a {
                border-bottom: 1px solid #ee3425;
                display: block;
                height: 79px;
                width: 100%;
                background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/icon/icon_signin.png) center center no-repeat;
            }

                .header .btn_signin a.on {
                    background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/icon/icon_signout.png) center center no-repeat;
                }

        .header .login_ing {
            display: none;
            position: absolute;
            top: 80px;
            width: 140px;
        }

            .header .login_ing ul li {
                background: #000;
            }

                .header .login_ing ul li a {
                    border-bottom: 1px solid #353638;
                    height: 50px;
                    line-height: 50px;
                    display: block;
                    color: #d1d1d1;
                    font-size: 14px;
                    padding: 0 10%;
                }

        /*헤더영역 언어기능 추가로 인한 수정(06.14)*/
        .header .header_btn {
            position: absolute;
            right: 0;
            top: 0
        }

            .header .header_btn > div {
                float: left;
                border-left: 1px solid #353638;
            }

        .header .btn_about {
            background: #000;
            text-align: center;
        }

            .header .btn_about a {
                display: block;
                height: 49px;
                width: 170px;
                padding-top: 31px;
                color: #d1d1d1;
                font-size: 14px;
                text-align: center
            }

    .language {
        width: 140px;
        float: left
    }

        .language ul li {
            background: #000;
        }

            .language ul li a {
                border-bottom: 1px solid #353638;
                height: 80px;
                line-height: 1.6;
                display: block;
                color: #d1d1d1;
                font-size: 14px;
                padding: 0 10%;
                text-align: center;
                box-sizing: border-box;
                padding-top: 20px;
            }

        .language .lang_now {
            position: relative;
            width: 140px;
            height: 79px;
        }

            .language .lang_now li {
                display: none;
                position: absolute;
                left: 0;
                top: 0;
                width: 140px;
            }

                .language .lang_now li.now {
                    display: block;
                }

                    .language .lang_now li.now a {
                        border-bottom: 1px solid #ee3425;
                        height: 80px;
                        line-height: 1.6;
                        background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bull/bull_lang.gif) no-repeat 90% 40px;
                        padding-left: 10%;
                        text-align: center;
                        box-sizing: border-box;
                        padding-top: 20px
                    }

    .footer .language .lang_now li.now a {
        border-top: 1px solid #ee3425;
        border-bottom: none;
        background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bull/bull_lang2.gif) no-repeat 90% 40px;
    }

    .footer .language .lang_link {
        position: absolute;
        top: -99px;
        left: 0;
        width: 140px;
        display: none
    }

    .language .lang_link li.on {
        display: none;
    }

    .language .lang_link li {
        display: block;
    }

    .language .lang_link a {
        padding-left: 10%;
    }

    .header .header_btn {
        position: absolute;
        right: 0;
        top: 0
    }

        .header .header_btn > div {
            float: left;
            border-left: 1px solid #353638;
        }

    .header .btn_about {
        background: #000;
        text-aling: center
    }

        .header .btn_about a {
            display: block;
            height: 49px;
            width: 170px;
            padding-top: 31px;
            color: #d1d1d1;
            font-size: 14px;
            text-align: center
        }

    /*JP최상단 탑배너*/
    .top_popup_wrap {
        width: 100%;
        height: auto;
        color: #fff;
        background: #3898d4;
        text-align: center;
        font-size: 12px;
        display: none;
    }

        .top_popup_wrap .top_popup {
            display: block;
            width: 65%;
            height: 100%;
            margin: 0 auto;
            line-height: 1.8;
            padding: 12px 0px;
            box-sizing: border-box;
        }

        .top_popup_wrap .top_popup_close {
            position: absolute;
            top: 20px;
            right: 20px;
        }
    /* 메인 */
    .wrap {
        width: 100%;
        overflow: hidden
    }

    .main_content1 .swiper-container {
        width: 100%;
    }

        .main_content1 .swiper-container h1 {
            position: absolute;
            top: 30%;
            padding: 0 20%;
            width: 60%;
            text-align: center;
            font-size: 52px;
            text-transform: uppercase;
            font-weight: 600;
            color: #fff;
        }

        .main_content1 .swiper-container p {
            position: absolute;
            top: 20%;
            width: 100%;
            text-align: center;
            font-size: 30px;
            color: #fff;
        }

        .main_content1 .swiper-container .btn_more {
            position: absolute;
            top: 60%;
            width: 100%;
        }

        .main_content1 .swiper-container .btn_more2 {
            top: 38%;
            left: -17%;
        }

        .main_content1 .swiper-container .btn_more3 {
            top: 44%;
            left: -17%;
        }

        .main_content1 .swiper-container .btn_more a {
            display: block;
            margin: 0 auto;
            width: 165px;
            text-align: center;
            line-height: 53px;
            font-size: 12px;
            text-transform: uppercase;
            font-weight: 500;
            color: #fff;
            background: #3898d4;
            border-radius: 4px;
        }

    .main_content1 .gallery-cell {
        width: 100%;
        height: 886px;
    }

        .main_content1 .gallery-cell.visual_1 {
            background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/content/main/main_visual_01.jpg) center 0 no-repeat;
            background-size: cover;
        }

        .main_content1 .gallery-cell h1 {
            text-align: center;
            font-size: 52px;
            text-transform: uppercase;
            font-weight: 600;
            color: #fff;
        }

        .main_content1 .gallery-cell p {
            padding-top: 237px;
            text-align: center;
            font-size: 30px;
            color: #fff;
        }

        .main_content1 .gallery-cell .btn_more {
            padding-top: 75px;
        }

            .main_content1 .gallery-cell .btn_more a {
                display: block;
                margin: 0 auto;
                width: 165px;
                text-align: center;
                line-height: 53px;
                font-size: 18px;
                text-transform: uppercase;
                font-weight: 500;
                color: #fff;
                background: #3898d4;
                border-radius: 4px;
            }

    .main_content2 {
        margin: 0 auto;
        width: 90%;
    }

        .main_content2 li {
            float: left;
            padding: 30px 0 20px;
/*            width: 32%;*/
            width: 48%;
            text-align: center;
        }

            .main_content2 li.vertical {
                width: 1%;
            }

            .main_content2 li a {
                font-size: 24px;
                color: #333333;
            }

                .main_content2 li a .img {
                    height: 80px;
                }

    .main_content3 {
        width: 100%;
        padding: 60px 0 0 0;
        background: #f9fafa;
    }

        .main_content3 ul {
            padding-left: 40px;
        }

        .main_content3 li {
            float: left;
            margin-bottom: 60px;
            width: 50%;
        }

            .main_content3 li a {
                display: block;
                width: 90%;
            }

        .main_content3 img {
            width: 100%;
        }

        .main_content3 dl {
            margin: 0 auto;
            padding: 36px 0 38px;
            width: 100%;
            min-height: 128px;
            background: #b8c0c8;
            text-align: center;
            max-height: 96px;
        }

        .main_content3 dt {
            padding-bottom: 11px;
            font-size: 30px;
            color: #fff;
            line-height: 34px;
            text-transform: uppercase;
            font-weight: 300;
        }

        .main_content3 dd {
            font-size: 16px;
            color: #fff;
            line-height: 26px;
        }

    #main_content1 {
        position: relative;
        width: 100%;
        font-size: 0
    }

        #main_content1 .movie_area {
            position: relative;
            padding-bottom: 56.25%;
            padding-top: 0px;
            height: 0;
            overflow: hidden;
        }

            #main_content1 .movie_area iframe, #main_content1 .movie_area object, #main_content1 .movie_area embed {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
            }

            #main_content1 .movie_area img {
                width: 100%;
                height: 730px;
            }

        #main_content1 .textarea .text {
            position: absolute;
            top: 23.4%;
            width: 100%;
            color: #fff;
            text-align: center
        }

            #main_content1 .textarea .text h2 {
                padding: 0 1%;
                font-size: 33px;
                font-weight: bold
            }

                #main_content1 .textarea .text h2 img {
                    width: 100%
                }

            #main_content1 .textarea .text p {
                margin: 0;
                padding: 0 5%;
                font-size: 20px
            }

        #main_content1 .textarea .btn_play {
            position: absolute;
            top: 39.4%;
            width: 100%;
            text-align: center
        }

            #main_content1 .textarea .btn_play img {
                width: 11.2%
            }

            #main_content1 .textarea .btn_play p {
                margin: 9px 0 0 0;
                color: #fff;
                font-size: 18px;
                font-weight: bold
            }

        #main_content1 .bottom {
            position: absolute;
            bottom: 20px;
            width: 100%;
            height: 23%;
            background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bg/bg_main01_p.png) no-repeat 0 bottom;
            background-size: 100%
        }

            #main_content1 .bottom .left {
                position: relative;
                width: 50%;
                float: left;
                height: 100%;
                color: #fff;
                text-align: left;
            }

                #main_content1 .bottom .left strong {
                    position: absolute;
                    top: 16.4%;
                    left: 0;
                    width: 96%;
                    padding: 0 2%;
                    font-size: 20px
                }

                #main_content1 .bottom .left span {
                    position: absolute;
                    top: 45.9%;
                    left: 1%;
                    width: 70%;
                    font-size: 14px;
                    white-space: nowrap;
                    text-overflow: ellipsis;
                    overflow: hidden;
                }

                    #main_content1 .bottom .left span a:hover {
                        text-decoration: underline;
                    }

                #main_content1 .bottom .left .btn_news {
                    position: absolute;
                    top: 82%;
                    left: 73%;
                    width: 20%;
                    font-size: 14px
                }

                #main_content1 .bottom .left .bod {
                    position: absolute;
                    top: 41%;
                    left: 1%;
                    width: 85%;
                    font-size: 14px;
                    border-top: 1px solid;
                }

            #main_content1 .bottom .right {
                position: relative;
                width: 50%;
                float: right;
                height: 100%;
                text-align: center
            }

                #main_content1 .bottom .right img {
                    position: absolute;
                    left: -36%;
                    top: 12%;
                    width: 32.2%
                }
                /* [0414_수정]left:9.8%;bottom:32.2%;width:39.2% */
                #main_content1 .bottom .right > span {
                    position: absolute;
                    top: 21.7%;
                    right: 4%;
                    padding: 0 1% 0 0;
                    background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/btn/btn_right01.png) no-repeat right center;
                    color: #fff;
                    text-align: left;
                    width: 69%
                }

                    #main_content1 .bottom .right > span span {
                        font-size: 13px;
                        font-weight: normal
                    }

                    #main_content1 .bottom .right > span strong {
                        font-size: 18px
                    }

            #main_content1 .bottom.movie_bottom {
                bottom: -17%;
            }

    #main_content2 {
        width: 100%;
        height: 18.7%
    }

        #main_content2 > .textarea {
            width: 100%;
            padding: 80px 0 0 0;
            text-align: center
        }

            #main_content2 > .textarea h2 {
                padding: 0 4%;
                font-size: 46px
            }

            #main_content2 > .textarea p {
                margin: 10px 0;
                padding: 0 4%;
                font-size: 16px
            }

        #main_content2 > .btn_area {
            margin: 30px 0 0 -68.5px;
            padding: 0 0 0 50%
        }

        #main_content2 .content {
            width: 100%;
            margin: 0 0 100px 0;
            padding: 20px 0 0 0
        }

            #main_content2 .content ul li {
                float: left;
                width: 46.2%;
                margin: 40px 1.9% 0
            }

                #main_content2 .content ul li .img {
                    font-size: 0
                }

                    #main_content2 .content ul li .img img {
                        width: 100%
                    }

                #main_content2 .content ul li .textarea {
                    min-height: 260px;
                    background: #b8c0c8;
                    color: #fff;
                    text-align: center;
                    height: 260px;
                }

                    #main_content2 .content ul li .textarea h3 {
                        padding: 40px 20px 0;
                        font-size: 24px
                    }

                    #main_content2 .content ul li .textarea p {
                        padding: 30px 20px 10px;
                        font-size: 14px;
                        line-height: 24px
                    }

    #main_content3 .perfor_area {
        position: relative;
        font-size: 0
    }

        #main_content3 .perfor_area > img {
            width: 100%
        }

        #main_content3 .perfor_area .perfor {
            position: absolute;
            left: 50%;
            top: 73.3%;
            margin: 0 0 0 -275px;
            color: #fff;
            font-size: 12px;
            text-align: center
        }

            #main_content3 .perfor_area .perfor > h4 {
                font-size: 46px
            }

            #main_content3 .perfor_area .perfor .icon {
                margin: 20px auto 0
            }

                #main_content3 .perfor_area .perfor .icon ul li {
                    float: left;
                    margin: 0 30px 0 0;
                    font-size: 12px
                }

                    #main_content3 .perfor_area .perfor .icon ul li img {
                        margin: 0 0 1% 0
                    }

    #main_content3 .content {
        position: relative;
        width: 100%;
        margin: 0 0 20px 0
    }

        #main_content3 .content .list a.btn_left {
            position: absolute;
            top: 90px;
            left: 10px;
            display: block
        }

        #main_content3 .content .list a.btn_right {
            position: absolute;
            top: 90px;
            right: 10px;
            display: block
        }

    #main_content3 .content {
        width: 100%;
        margin: 0 0 80px 0
    }

        #main_content3 .content .list {
            position: relative;
            height: 340px !important;
            overflow: hidden
        }

            #main_content3 .content .list ul li {
                float: left;
                width: 30%;
                margin: 0 10% 40px;
                text-align: center
            }

                #main_content3 .content .list ul li img {
                    width: 100%
                }

                #main_content3 .content .list ul li > h5 {
                    margin: 21px 0 10px 0;
                    font-size: 24px
                }

                #main_content3 .content .list ul li > p {
                    margin: 0 0 27px 0;
                    padding: 0 20px;
                    color: #777;
                    font-size: 12px
                }

    #main_content4 .community {
        position: relative;
        width: 100%;
        height: 460px
    }

        #main_content4 .community img {
            position: absolute;
            left: -33.33%
        }

        #main_content4 .community .textarea {
            position: absolute;
            top: 0%;
            width: 100%;
            height: 100%;
            color: #fff;
            text-align: center
        }

            #main_content4 .community .textarea h4 {
                position: absolute;
                top: 26%;
                width: 88%;
                padding: 0 6%;
                font-size: 46px
            }

            #main_content4 .community .textarea > p {
                position: absolute;
                top: 43%;
                width: 88%;
                padding: 0 6%;
                font-size: 16px
            }

            #main_content4 .community .textarea .btn_area {
                position: absolute;
                top: 62.1%;
                width: 100%
            }

    #main_content4 .content {
        width: 100%
    }

        #main_content4 .content div.best {
            margin: 80px 0 0 0
        }

        #main_content4 .content div.new {
            margin: 60px 0 20px 0
        }

        #main_content4 .content div .title {
            width: 100%;
            margin: 0 0 40px 0;
            text-align: center
        }

            #main_content4 .content div .title h4 {
                display: inline-block;
                color: #609dc3;
                border-bottom: 2px solid #609dc3;
                font-size: 30px
            }

        #main_content4 .content div .list ul li {
            float: left;
            width: 42.2%;
            margin: 0 3.9% 50px
        }

            #main_content4 .content div .list ul li.last {
                margin: 0 3.9%;
            }

            #main_content4 .content div .list ul li img {
                float: left;
                width: 50%
            }

            #main_content4 .content div .list ul li .text_area {
                float: right;
                width: 45%
            }

                #main_content4 .content div .list ul li .text_area h5 {
                    margin: -9px 0 4px 0;
                    font-size: 24px
                }

                #main_content4 .content div .list ul li .text_area > p {
                    margin: 0 0 5px 0;
                    color: #777;
                    font-size: 12px
                }
                /* [0414_수정]margin:0 0 9px 0;*/
                #main_content4 .content div .list ul li .text_area > span.view {
                    margin: 0 0 5px 0;
                    padding: 0 0 0 20px;
                    background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/icon/icon_view.png) no-repeat 0 center;
                    color: #aaa;
                    font-size: 11px
                }
                /* [0414_수정]margin:0 0 10px 0;*/
                #main_content4 .content div .list ul li .text_area .marT20 {
                    margin-top: 20px;
                }

    #main_content5 {
        width: 100%;
        height: 7.3%;
        color: #fff;
    }

        #main_content5 > .left {
            width: 100%;
            background: #505052
        }

            #main_content5 > .left .text_area {
                padding: 75px 0 30px 0;
                text-align: center
            }

                #main_content5 > .left .text_area h4 {
                    font-size: 30px
                }

                #main_content5 > .left .text_area > div {
                    display: inline-block
                }

                    #main_content5 > .left .text_area > div p {
                        float: left;
                        margin: 20px 0 15px 0;
                        font-size: 14px
                    }

                    #main_content5 > .left .text_area > div .checkbox {
                        float: right;
                        margin: 13px 0 0 15px
                    }

            #main_content5 > .left .infor {
                width: 92%;
                padding: 0 4%
            }

                #main_content5 > .left .infor input[type="text"] {
                    width: 65%;
                    height: 25px;
                    padding: 0 0 0 10px;
                    border: none;
                    background: none;
                    color: #fff;
                    font-size: 14px
                }

                #main_content5 > .left .infor > div {
                    float: left;
                    width: 100%;
                    margin: 20px 0;
                    border-bottom: 2px solid #818184
                }

                #main_content5 > .left .infor div.name {
                    width: 100%
                }

                #main_content5 > .left .infor div.email {
                    width: 100%
                }

                #main_content5 > .left .infor div.country {
                    width: 100%;
                    border: 0;
                    padding: 0
                }

                    #main_content5 > .left .infor div.country fieldset {
                        width: 100%
                    }

                    #main_content5 > .left .infor div.country .videos_select {
                        width: 100%;
                        background: none
                    }

                    #main_content5 > .left .infor div.country .my_value {
                        padding: 5px 10px 5px 0;
                        border-bottom: 2px solid #818184;
                        font-size: 14px;
                        text-indent: 0
                    }

                    #main_content5 > .left .infor div.country .arrow {
                        border-top: 5px solid #a4a4a8;
                        border-left: 5px solid #505052;
                        border-right: 5px solid #505052
                    }

                    #main_content5 > .left .infor div.country .content {
                        height: 0;
                        top: 32px;
                        background: #818184;
                        z-index: 10
                    }

                        #main_content5 > .left .infor div.country .content .input input {
                            width: 99%;
                            border: 1px solid #e4e4e4;
                            background: #fff
                        }

                        #main_content5 > .left .infor div.country .content .jspTrack {
                            background: #747477;
                            height: 189px
                        }

                        #main_content5 > .left .infor div.country .content .jspDrag {
                            background: #949496;
                            height: 9px
                        }

                #main_content5 > .left .infor div label {
                    color: #a4a4a8;
                    font-size: 14px
                }

            #main_content5 > .left .btn_area {
                width: 100%;
                padding: 40px 0 80px 0;
                text-align: center
            }

        #main_content5 > .right {
            width: 100%;
            height: 400px !important;
            background: #38383a;
            text-align: center
        }

            #main_content5 > .right h4 {
                padding: 80px 0 30px 0;
                font-size: 30px
            }

            #main_content5 > .right > p {
                font-size: 14px
            }

            #main_content5 > .right img {
                margin: 35px 0 40px 0
            }

            #main_content5 > .right .btn_area {
                margin: 4px 0 70px 0
            }

    #main_content6 {
        position: relative;
        width: 100%;
        height: 600px;
        font-size: 0
    }

        #main_content6 img {
            position: absolute;
            top: 0;
            left: -33.33%
        }

        #main_content6 .text_area {
            position: absolute;
            top: 45%;
            width: 100%;
            color: #fff;
            text-align: center
        }

            #main_content6 .text_area h4 {
                font-size: 46px
            }

    #main_content7 {
        position: relative;
        width: 100%;
    }

        #main_content7 .imgarea4 .textarea h4.title {
            padding: 30px 0 0 0;
            background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bull/bull_title01.jpg) no-repeat center 0;
            font-size: 45px;
            text-align: center;
        }

        #main_content7 .imgarea4 .textarea h5 {
            margin: 50px 0;
            font-size: 24px
        }

        #main_content7 .imgarea4 .textarea .check_list {
            text-align: left;
            padding: 35px 0;
            width: 63%;
            margin: 0 auto
        }

            #main_content7 .imgarea4 .textarea .check_list li {
                float: left;
                width: 45%;
                margin: 5px 0;
                padding: 0 0 0 30px;
                background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bull/bull_check01.png) no-repeat 0 center;
                font-size: 16px;
                color: #666
            }

        #main_content7 .imgarea4 .textarea .btn_area {
            margin: 20px 0 80px 0
        }

        #main_content7 .content2_bg {
            background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bg/bg_dashcam.jpg) no-repeat #f8f8f2;
            background-size: 100%
        }

        #main_content7 .imgarea4 .imgarea {
            font-size: 0;
            overflow: hidden;
            text-align: center
        }

            #main_content7 .imgarea4 .imgarea img {
                width: 100%
            }

        #main_content7 .imgarea4 .textarea {
            height: 100%;
            text-align: center
        }

    /* WHY GET A DASHCAM? css */
    .dashcam > .imgarea {
        position: relative;
        width: 100%;
        height: 600px;
        font-size: 0;
        text-align: center;
        background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bg/bg_whygetadashcan_header_t_new.jpg) 0 0 no-repeat;
        background-size: cover;
    }

        .dashcam > .imgarea .text {
            padding-top: 240px;
            width: 100%;
            color: #fff;
            text-align: center
        }

            .dashcam > .imgarea .text h4 {
                font-size: 70px;
                text-transform: uppercase;
            }

            .dashcam > .imgarea .text p {
                margin: 10px 0 0 0;
                font-size: 16px
            }

    .dashcam .content {
        width: 100%;
        margin: 60px auto 0;
    }
        /* padding:0 4% */
        .dashcam .content .title {
            width: 100%;
            padding: 30px 0 0 0;
            background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bull/bull_title01.jpg) no-repeat center 0;
            font-size: 50px;
            text-align: center
        }

        .dashcam .content .imgarea img {
            width: 100%;
        }

        .dashcam .content .movearea {
        }

            .dashcam .content .movearea img {
            }

        .dashcam .content .right {
            margin: 70px auto 0;
            text-align: center;
        }

            .dashcam .content .right .movearea {
                overflow: hidden
            }
                /* float:right;width:52.1%;*/
                .dashcam .content .right .movearea img {
                    width: 100%;
                }

            .dashcam .content .right .textarea {
            }
        /* float:left;width:44.6% */

        .dashcam .content .movearea {
            position: relative;
        }

            .dashcam .content .movearea .btn_play2 {
                position: absolute;
                top: 39.4%;
                width: 100%;
                text-align: center
            }

                .dashcam .content .movearea .btn_play2 img {
                    width: 11.2%
                }

        .dashcam .content .textarea h5 {
            padding: 20px 0 30px;
            background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bull/bull_title02.jpg) no-repeat center 0;
            font-size: 30px;
            line-height: 34px;
            text-align: center;
        }

        .dashcam .content .textarea p {
            margin: 30px 0 0 0;
            font-size: 16px;
            padding: 0 20px;
            text-align: center;
        }

        .dashcam .content .left {
            margin: 80px 0 0 0
        }

            .dashcam .content .left .imgarea {
                overflow: hidden
            }
                /* float:left;width:52.1%;*/
                .dashcam .content .left .imgarea img {
                    width: 100%;
                }

            .dashcam .content .left .textarea {
            }
            /* float:right;width:44.6% */
            .dashcam .content .left span.bull_star02 {
                margin: 20px 0 0 0;
            }

    .dashcam .imgarea2 {
        margin: 130px 0 0 0
    }

        .dashcam .imgarea2 .imgarea {
            float: left;
            width: 100%;
            font-size: 0;
            background: #eff0f0;
            overflow: hidden
        }

            .dashcam .imgarea2 .imgarea img {
                width: 100%
            }

        .dashcam .imgarea2 .textarea {
            float: right;
            width: 100%;
            height: 600px;
            background: #eff0f0;
            text-align: center
        }

            .dashcam .imgarea2 .textarea h4.title {
                margin: 100px 0 0 0;
                padding: 30px 0 0 0;
                background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bull/bull_title01.jpg) no-repeat center 0;
                font-size: 50px
            }

                .dashcam .imgarea2 .textarea h4.title.subtit_font {
                    font-size: 38px
                }

            .dashcam .imgarea2 .textarea h5 {
                margin: 50px 0;
                font-size: 24px
            }

            .dashcam .imgarea2 .textarea p {
                padding: 0 13.7%;
                font-size: 16px;
            }

    .dashcam .content2_bg {
        background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bg/bg_dashcam_p.jpg)no-repeat #f8f8f2;
        background-size: 100%
    }

    .dashcam .content2 {
        margin: 0 auto;
        padding: 100px 4% 150px 4%;
    }

        .dashcam .content2 h4.title {
            margin: 0 auto;
            padding: 30px 0 0 0;
            background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bull/bull_title01.jpg) no-repeat center 0;
            font-size: 50px;
            text-align: center;
            line-height: 50px;
            letter-spacing: -0.5px
        }

            .dashcam .content2 h4.title.subtit_font {
                font-size: 38px
            }

        .dashcam .content2 > ul {
            margin: 80px 0 0 0;
            position: relative;
        }

            .dashcam .content2 > ul li {
                margin: 45px 0 0 0
            }

                .dashcam .content2 > ul li.marT50 {
                    margin: 50px 0 0 0
                }

                .dashcam .content2 > ul li.farst {
                    margin: 0
                }

                .dashcam .content2 > ul li .imgarea {
                    float: left;
                    position: absolute;
                    left: 0%;
                    top: 0;
                    width: 150px;
                    margin: 0 50px 0 0
                }

                    .dashcam .content2 > ul li .imgarea.on img {
                        padding-bottom: 10px;
                        background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/content/dashcam/bg_whyget_on.png) no-repeat 50% bottom;
                    }

                    .dashcam .content2 > ul li .imgarea img {
                        padding: 10px;
                    }

                .dashcam .content2 > ul li.icon_howdashcam2 .imgarea {
                    left: 20%;
                }

                .dashcam .content2 > ul li.icon_howdashcam3 .imgarea {
                    left: 40%;
                }

                .dashcam .content2 > ul li.icon_howdashcam4 .imgarea {
                    left: 60%;
                }

                .dashcam .content2 > ul li.icon_howdashcam5 .imgarea {
                    left: 80%;
                }

                .dashcam .content2 > ul li .textarea {
                    padding: 5%;
                    position: relative;
                    left: 0;
                    top: 200px;
                    display: none;
                    border-top: 1px solid #afb9c2;
                    border-bottom: 1px solid #afb9c2;
                }

                    .dashcam .content2 > ul li .textarea.on {
                        display: block;
                    }

                    .dashcam .content2 > ul li .textarea h5 {
                        font-size: 30px
                    }

                    .dashcam .content2 > ul li .textarea > p {
                        margin: 20px 0 0 0;
                        color: #777;
                        font-size: 15px
                    }

                    .dashcam .content2 > ul li .textarea > ul > li {
                        margin: 30px 0 0 0
                    }

                        .dashcam .content2 > ul li .textarea > ul > li h6 {
                            margin: 0;
                            padding: 0 0 0 10px;
                            background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bull/bull_dot01.png) no-repeat 0 center;
                            font-size: 18px
                        }

                        .dashcam .content2 > ul li .textarea > ul > li p {
                            padding: 0 0 0 10px;
                            color: #777;
                            font-size: 15px
                        }

                        .dashcam .content2 > ul li .textarea > ul > li .bull_star01 {
                            margin: 0 0 0 10px;
                        }

                .dashcam .content2 > ul li.icon_howdashcam5 .textarea {
                    padding-bottom: 40px;
                }

    .dashcam .imgarea3 {
        position: relative;
        height: 600px;
        background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bg/bg_dashcam03_m_1.jpg) repeat center 0
    }

        .dashcam .imgarea3 img {
            position: absolute;
            bottom: 10%;
            width: 100%;
        }

        .dashcam .imgarea3 .textarea {
            position: absolute;
            top: 100px;
            width: 100%;
            text-align: center
        }

            .dashcam .imgarea3 .textarea h4 {
                font-size: 50px
            }

            .dashcam .imgarea3 .textarea > p {
                margin: 10px 0 0 0;
                font-size: 14px
            }

            .dashcam .imgarea3 .textarea .btn_area {
                margin: 40px 0 0 0
            }

    .dashcam .imgarea4 .textarea h4.title {
        padding: 30px 0 0 0;
        background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bull/bull_title01.jpg) no-repeat center 0;
        font-size: 45px;
        text-align: center;
    }

        .dashcam .imgarea4 .textarea h4.title.subtit_font {
            font-size: 38px
        }

    .dashcam .imgarea4 .textarea h5 {
        margin: 50px 0;
        font-size: 24px
    }

    .dashcam .imgarea4 .textarea .check_list {
        text-align: left;
        padding: 35px 0;
        width: 63%;
        margin: 0 auto
    }

        .dashcam .imgarea4 .textarea .check_list li {
            float: left;
            width: 45%;
            margin: 5px 0;
            padding: 0 0 0 30px;
            background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bull/bull_check01.png) no-repeat 0 center;
            font-size: 16px;
            color: #666
        }

    .dashcam .imgarea4 .textarea .btn_area {
        margin: 20px 0 80px 0
    }

    .dashcam .content2_bg {
        background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bg/bg_dashcam.jpg) no-repeat #f8f8f2;
        background-size: 100%
    }

    .dashcam .imgarea4 .imgarea {
        font-size: 0;
        overflow: hidden;
        text-align: center
    }

        .dashcam .imgarea4 .imgarea img {
            width: 100%
        }

    .dashcam .imgarea4 .textarea {
        height: 100%;
        text-align: center
    }

    .dashcam .faq_area h4 {
        width: 100%;
        margin: 0 auto 15px;
        padding: 30px 0 0 30px;
        font-size: 30px;
        letter-spacing: -0.5px;
        color: #34322f;
    }

    .dashcam .faq_area {
        margin: 60px 0 0;
        padding-bottom: 100px;
    }

        .dashcam .faq_area > div {
            width: 90%;
            margin: 0 auto;
        }

        .dashcam .faq_area ul {
            margin-bottom: 20px;
            border-bottom: 2px solid #a6a9ac;
            border-top: 2px solid #a6a9ac;
            background: #fff;
        }

            .dashcam .faq_area ul li.first {
                border-top: none;
            }

            .dashcam .faq_area ul li .title {
                border-top: 1px solid #d5d6d8;
                background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/btn/q_more.gif) no-repeat 99% 50%;
            }

            .dashcam .faq_area ul li.first .title {
                border: 0
            }

            .dashcam .faq_area ul li .title a {
                display: block;
                width: 90%;
                padding: 18px 5% 18px 5%;
                margin-left: 10px;
                background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bull/qna.gif) no-repeat left center;
                color: #666666;
                font-size: 16px;
            }

            .dashcam .faq_area ul li.on .title a {
                color: #3898d3;
            }

            .dashcam .faq_area ul li .title span {
                padding-left: 25px;
                margin-right: 20px;
            }

            .dashcam .faq_area ul li .content {
                margin: 0 auto;
                display: none;
                border-top: 1px dashed #c7c7c7
            }

                .dashcam .faq_area ul li .content p {
                    padding: 20px 15px;
                    color: #777;
                    font-size: 14px;
                    line-height: 30px;
                    text-align: left;
                }

                .dashcam .faq_area ul li .content img {
                    margin: 30px 0 0 0
                }

            .dashcam .faq_area ul li.on .content {
                display: block
            }

        .dashcam .faq_area span a {
            text-decoration: underline;
        }

        .dashcam .faq_area span {
            font-size: 16px;
        }

    .dashcam .imgarea5 {
        position: relative;
        height: 450px;
    }

        .dashcam .imgarea5 img {
            width: 100%;
            height: 450px;
        }

        .dashcam .imgarea5 .textarea {
            position: absolute;
            top: 12%;
            width: 100%;
            text-align: center
        }

            .dashcam .imgarea5 .textarea h4 {
                font-size: 50px;
                color: #fff;
            }

            .dashcam .imgarea5 .textarea h5 {
                font-size: 24px;
                color: #fff;
                margin-bottom: 40px;
            }

            .dashcam .imgarea5 .textarea > p {
                margin: 10px 2% 0 2%;
                font-size: 16px;
                color: #fff;
                line-height: 24px;
                width: 96%
            }

            .dashcam .imgarea5 .textarea .btn_area {
                margin: 40px 0 0 0
            }

    /* VIDEOS list CSS */
    .videos .today {
        margin: 80px 0 0 0;
        padding: 0 4%
    }

        .videos .today h3 {
            margin: 0 0 40px 0;
            padding: 30px 0 0;
            background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bull/bull_title02.jpg) no-repeat left 0;
            font-size: 30px
        }

        .videos .today .movie_area {
            position: relative;
            width: 100%;
            z-index: 1
        }

            .videos .today .movie_area iframe {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%
            }

            .videos .today .movie_area img {
                width: 100%
            }

        .videos .today .textarea {
            width: 100%;
            padding: 20px 0 0 0
        }

            .videos .today .textarea h4 {
                font-size: 30px
            }

            .videos .today .textarea > p {
                margin: 40px 0 75px 0;
                font-size: 16px
            }

            .videos .today .textarea .btn_area a {
                float: left;
                margin: 0 10px 0 0
            }

            .videos .today .textarea .btn_area .btn_sns {
                float: left;
                margin: 0 10px 0 0
            }

    .videos .newvideo {
        margin: 40px 0 0 0;
        padding: 0 4%
    }

        .videos .newvideo .title {
            position: relative;
            margin: 0 0 40px 0
        }

            .videos .newvideo .title h3 {
                padding: 30px 0 0;
                background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bull/bull_title02.jpg) no-repeat left 0;
                font-size: 30px
            }

            .videos .newvideo .title form {
                position: absolute;
                right: 0;
                bottom: 0
            }

        .videos .newvideo .list {
            margin: 0 0 60px 0;
            padding: 0 8.5%
        }

            .videos .newvideo .list ul li {
                position: relative;
                float: left;
                width: 46%;
                margin: 0 0 40px 8%
            }

                .videos .newvideo .list ul li a {
                    position: absolute;
                    top: 0;
                    left: 0;
                    width: 100%;
                    height: 100%;
                    background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/btn/btn_video_play.png) no-repeat left 0;
                    background-size: 100%;
                }

                .videos .newvideo .list ul li.frat_p {
                    margin: 0 0 40px 0
                }

                .videos .newvideo .list ul li:nth-child(9) {
                    display: none;
                }

                .videos .newvideo .list ul li .imgarea {
                    width: 100%;
                    overflow: hidden
                }

                    .videos .newvideo .list ul li .imgarea img {
                        width: 100%
                    }

                .videos .newvideo .list ul li .textarea h4 {
                    margin: 0 0 10px 0;
                    padding: 15px 0;
                    border-bottom: 1px solid #e5e5e5;
                    color: #333;
                    font-size: 16px
                }

                .videos .newvideo .list ul li .textarea .day {
                    float: left
                }

                .videos .newvideo .list ul li .textarea .comment {
                    float: right;
                    margin: 0 0 0 20px
                }

                .videos .newvideo .list ul li .textarea .view {
                    float: right
                }

    /* 20210218 영상제외 > 배너추가 */
    .videos .youtube {
        height: 600px;
        background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bg/video_bg_t_n.jpg) no-repeat center;
        background-size: cover;
    }

        .videos .youtube .text {
            padding-top: 260px;
            color: #fff;
            text-align: center;
        }

            .videos .youtube .text h4 {
                font-size: 50px
            }

            .videos .youtube .text p {
                margin: 20px 0 0 0;
                font-size: 20px;
                line-height: 26px;
            }

        .videos .youtube .youtube_api {
            margin: 0 auto;
            width: 100%;
        }

            .videos .youtube .youtube_api img {
                width: 100%;
            }

            .videos .youtube .youtube_api .youtube_api_m, .videos .youtube .youtube_api .youtube_api_p {
                display: none;
            }

    /* 20200220 배너 변경 */
    .videos .videos_banner {
        margin: 60px auto 0;
        width: 100%;
        height: 207px;
        background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bg/contest_video_bg.jpg) no-repeat 0 0;
        background-position: center;
    }

        .videos .videos_banner h5 {
            padding: 37px 0 0 464px;
            color: #fff;
            font-size: 20px;
            text-transform: uppercase;
            text-align: center;
        }

        .videos .videos_banner .btn_videos_submit {
            padding: 25px 0 0 62%;
        }

            .videos .videos_banner .btn_videos_submit a {
                display: block;
                width: 220px;
                color: #fff;
                background: #3898d3;
                font-size: 16px;
                line-height: 42px;
                text-align: center;
                border-radius: 4px;
            }

    /* VIDEOS view CSS */
    .videos > .view {
        margin: 80px auto 240px;
        padding: 0 4%
    }

        .videos > .view .video .movie_area .movie {
            position: relative;
            font-size: 0;
            height: 420px;
            margin-bottom: 20px;
        }

            .videos > .view .video .movie_area .movie video {
                width: 100%;
                height: 100%;
            }

            .videos > .view .video .movie_area .movie div.video-js {
                width: 100% !important;
                height: 100% !important;
            }

            .videos > .view .video .movie_area .movie img {
                width: 100%
            }

            .videos > .view .video .movie_area .movie iframe {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%
            }

        .videos > .view .video .movie_area .text_area h3 {
            margin: 30px 0;
            font-size: 30px
        }

        .videos > .view .video .movie_area .text_area p {
            margin: 0 0 30px 0;
            padding: 0 0 30px 0;
            border-bottom: 1px solid #e5e5e5;
            font-size: 16px
        }

        .videos > .view .video .movie_area .text_area span.day {
            float: left
        }

        .videos > .view .video .movie_area .text_area span.comment {
            float: right
        }

        .videos > .view .video .movie_area .btn_area {
            margin: 40px 0 0 0
        }

            .videos > .view .video .movie_area .btn_area a {
                float: left;
                margin: 0 10px 0 0
            }

            .videos > .view .video .movie_area .btn_area .btn_sns {
                float: left;
                margin: 0 10px 0 0
            }

        .videos > .view .video .tap {
            margin: 80px 0 40px 0
        }

            .videos > .view .video .tap ul {
            }

                .videos > .view .video .tap ul li {
                    float: left;
                    width: 51%;
                    border-bottom: 2px solid #bfc6cd
                }

                    .videos > .view .video .tap ul li a {
                        display: block;
                        width: 97%;
                        height: 36px;
                        padding: 15px 0 0 0;
                        border: 2px solid #bfc6cd;
                        border-bottom: 0;
                        border-radius: 5px 5px 0 0;
                        background: #bfc6cd;
                        color: #fff;
                        font-size: 18px;
                        text-align: center
                    }

                    .videos > .view .video .tap ul li.post a {
                        float: left
                    }

                    .videos > .view .video .tap ul li.video a {
                        float: right
                    }

                    .videos > .view .video .tap ul li.on {
                        width: 49%;
                        border: 0
                    }

                        .videos > .view .video .tap ul li.on a {
                            width: 99.5%;
                            background: #fff;
                            color: #777
                        }

        .videos > .view .video .comments {
            margin: 0
        }

            .videos > .view .video .comments .post {
                width: 100%;
                background: #eff0f0
            }

                .videos > .view .video .comments .post input[type="text"] {
                    height: 28px;
                    margin: 0;
                    padding: 0 0 0 1%;
                    border: 1px solid #e4e4e4;
                    color: #888;
                    font-size: 12px
                }

                .videos > .view .video .comments .post .infor {
                    padding: 40px 4% 20px
                }

                    .videos > .view .video .comments .post .infor input[type="text"] {
                        float: left;
                        width: 29.3%
                    }

                    .videos > .view .video .comments .post .infor input.pw {
                        margin: 0 0 0 4%
                    }

                    .videos > .view .video .comments .post .infor input.mail {
                        margin: 0 0 0 4%
                    }

                .videos > .view .video .comments .post .send {
                    padding: 0 4% 40px
                }

                    .videos > .view .video .comments .post .send input.comment {
                        float: left;
                        width: 90%
                    }

                    .videos > .view .video .comments .post .send .btn_area {
                        float: right
                    }

            .videos > .view .video .comments .comment {
                margin: 40px 0 0 0
            }

                .videos > .view .video .comments .comment h4 {
                    font-size: 34px
                }

                    .videos > .view .video .comments .comment h4 span {
                        color: #3898d3
                    }

                .videos > .view .video .comments .comment ul {
                    margin: 20px 0 0 0;
                    border-top: 1px solid #696969
                }

                    .videos > .view .video .comments .comment ul li {
                        padding: 20px 0;
                        border-bottom: 1px solid #e5e5e5
                    }

                        .videos > .view .video .comments .comment ul li .title h5 {
                            float: left;
                            font-size: 14px;
                            color: #3898d3
                        }

                        .videos > .view .video .comments .comment ul li .title span.day {
                            float: left;
                            margin: 0 0 0 10px
                        }

                        .videos > .view .video .comments .comment ul li .title .btn_area {
                            float: right
                        }

                        .videos > .view .video .comments .comment ul li > .edit {
                            margin: 20px 0 0 0;
                            padding: 20px 0 0 0;
                            border-top: 1px dashed #e5e5e5
                        }

                            .videos > .view .video .comments .comment ul li > .edit input[type="text"] {
                                height: 28px;
                                padding: 0 0 0 10px;
                                border: 1px solid #e4e4e4;
                                color: #aaa
                            }

                            .videos > .view .video .comments .comment ul li > .edit .top input {
                                float: left;
                                width: 188px
                            }

                            .videos > .view .video .comments .comment ul li > .edit .top .btn_area {
                                float: right
                            }

                            .videos > .view .video .comments .comment ul li > .edit .bottom {
                                margin: 10px 0 0 0
                            }

                                .videos > .view .video .comments .comment ul li > .edit .bottom input {
                                    width: 99%;
                                    padding: 0 0 0 1%
                                }

                        .videos > .view .video .comments .comment ul li .pw {
                            margin: 20px 0 0 0;
                            padding: 20px 0 0 0;
                            border-top: 1px dashed #e5e5e5
                        }

                            .videos > .view .video .comments .comment ul li .pw .top {
                                text-align: center
                            }

                                .videos > .view .video .comments .comment ul li .pw .top input {
                                    margin: 2px 0 0 0;
                                    padding: 10px;
                                }

                                    .videos > .view .video .comments .comment ul li .pw .top input#delete {
                                        margin: 2px 0 0 30px
                                    }

                                .videos > .view .video .comments .comment ul li .pw .top label {
                                    vertical-align: top
                                }

                            .videos > .view .video .comments .comment ul li .pw .bottom {
                                width: 360px;
                                margin: 20px auto 0
                            }

                                .videos > .view .video .comments .comment ul li .pw .bottom input {
                                    ;
                                    float: left;
                                    width: 198px;
                                    height: 28px;
                                    padding: 0 0 0 10px;
                                    border: 1px solid #e4e4e4;
                                    color: #aaa
                                }

                                .videos > .view .video .comments .comment ul li .pw .bottom .btn_area {
                                    float: right
                                }

        .videos > .view .pup_pw {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: 900
        }

            .videos > .view .pup_pw .content {
                position: relative;
                height: 100%;
                z-index: 20
            }

                .videos > .view .pup_pw .content > div {
                    position: absolute;
                    top: 33%;
                    width: 92%;
                    height: 255px;
                    margin: 0 4%;
                    background: #eff0f0;
                    text-align: center
                }

                    .videos > .view .pup_pw .content > div > a {
                        position: absolute;
                        top: 20px;
                        right: 20px
                    }

                    .videos > .view .pup_pw .content > div > p {
                        margin: 55px 0 0 0;
                        font-size: 18px
                    }

                    .videos > .view .pup_pw .content > div input {
                        width: 232px;
                        height: 28px;
                        margin: 20px 0 40px;
                        padding: 0 10px;
                        border: 1px solid #e4e4e4
                    }

                    .videos > .view .pup_pw .content > div .error {
                        position: absolute;
                        top: 137px;
                        display: none;
                        width: 100%;
                        color: #ee3124;
                        font-size: 12px;
                        text-align: center
                    }

                        .videos > .view .pup_pw .content > div .error.on {
                            display: block
                        }

            .videos > .view .pup_pw .bg {
                position: fixed;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                background: #000;
                opacity: 0.5;
                z-index: 10
            }

        .videos > .view .video .comments .comment .more {
            margin: 40px 0 0 0;
            text-align: center
        }

            .videos > .view .video .comments .comment .more a {
                display: inline-block;
                padding: 5px 0 5px 50px;
                background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/icon/icon_morecomment.png) no-repeat 0 center;
                color: #aaa;
                font-size: 18px
            }

        .videos > .view > .list {
            display: block !important;
            margin: 90px 0 0 0
        }

            .videos > .view > .list ul li {
                float: left;
                width: 50%;
                height: 230px;
                margin: 0 0 40px 0
            }

                .videos > .view > .list ul li .imgarea {
                    float: left;
                    width: 51%;
                    margin: 0 6% 0 0;
                    font-size: 0
                }

                    .videos > .view > .list ul li .imgarea img {
                        width: 100%
                    }

                .videos > .view > .list ul li .textarea {
                    float: right;
                    width: 35%;
                    padding: 0 6% 0 0
                }

                .videos > .view > .list ul li h4 {
                    margin: 0 0 10px 0;
                    color: #333;
                    font-size: 16px
                }

                .videos > .view > .list ul li p {
                    color: #777;
                    font-size: 14px
                }

                .videos > .view > .list ul li span.name {
                    float: none;
                }

        .videos > .view .more {
            margin: 40px 0 0 0;
            text-align: center
        }

            .videos > .view .more a {
                display: inline-block;
                padding: 5px 0 5px 50px;
                background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/icon/icon_morevideo.png) no-repeat 0 center;
                color: #aaa;
                font-size: 18px
            }

    /* VIDEOS post CSS */
    .videos > .post {
        margin: 80px auto 0;
        padding: 0 4%
    }

        .videos > .post sup {
            color: #3898d3
        }

        .videos > .post .textarea {
            margin: 0 0 40px 0
        }

            .videos > .post .textarea h4 {
                padding: 20px 0 0 0;
                background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bull/bull_title02.jpg) no-repeat left 0;
                font-size: 30px
            }

            .videos > .post .textarea p {
                margin: 20px 0 0 0;
                font-size: 14px;
            }

        .videos > .post .infor {
            margin: 0 0 40px 0;
            padding: 4%;
            background: #eff0f0
        }

            .videos > .post .infor input[type="text"], .videos > .post .infor textarea {
                height: 40px;
                border: 1px solid #e4e4e4;
                background: #fff
            }

            .videos > .post .infor label {
                font-size: 14px
            }

            .videos > .post .infor input {
                width: 100%
            }

            .videos > .post .infor .name {
                float: left;
                width: 48%;
                margin: 0 4% 0 0
            }

                .videos > .post .infor .name input {
                    width: 98%;
                    padding: 0 0 0 2%;
                }

            .videos > .post .infor .mail {
                float: left;
                width: 48%
            }

                .videos > .post .infor .mail input {
                    width: 98%;
                    padding: 0 0 0 2%;
                }

            .videos > .post .infor .country {
                float: left;
                width: 48%;
                margin: 30px 0
            }

                .videos > .post .infor .country span {
                    font-size: 14px
                }

                .videos > .post .infor .country fieldset {
                    width: 100%
                }

                .videos > .post .infor .country .videos_select {
                    width: 100%;
                    background: #fff
                }

                    .videos > .post .infor .country .videos_select .content > .input input {
                        height: 28px
                    }

                    .videos > .post .infor .country .videos_select .my_value {
                        height: 24px;
                        padding: 8px 10px;
                        border: 1px solid #e4e4e4
                    }

                    .videos > .post .infor .country .videos_select .ctrl {
                        top: 3px;
                        right: 3px
                    }

                    .videos > .post .infor .country .videos_select .i_list label {
                        background: #fff
                    }

                    .videos > .post .infor .country .videos_select .content {
                        height: 0px
                    }

            .videos > .post .infor .products {
                float: left;
                width: 100%;
                margin: 0 0 30px 0
            }

                .videos > .post .infor .products form {
                    float: left;
                    width: 50%
                }

                .videos > .post .infor .products fieldset {
                    width: 106%
                }

                .videos > .post .infor .products label {
                    float: left;
                    width: 100%
                }

                .videos > .post .infor .products .videos_select {
                    width: 45%;
                    border: 1px solid #e4e4e4;
                    background: #fff
                }

                    .videos > .post .infor .products .videos_select .my_value {
                        height: 22px;
                        padding: 9px 10px;
                        ;
                    }

                    .videos > .post .infor .products .videos_select .ctrl {
                        top: 4px;
                        right: 4px
                    }

                    .videos > .post .infor .products .videos_select .i_list label {
                        background: #fff
                    }

                    .videos > .post .infor .products .videos_select > ul {
                        top: 38px
                    }

                .videos > .post .infor .products input {
                    display: none;
                    float: right;
                    width: 47%;
                    height: 43px
                }

            .videos > .post .infor .title {
                float: left;
                width: 100%;
                margin: 0 0 30px 0
            }

            .videos > .post .infor .source01 {
                float: left;
                width: 100%
            }

                .videos > .post .infor .source01 textarea {
                    width: 98%;
                    max-width: 98%;
                    height: 20px;
                    padding: 10px 1%;
                    color: #bbb;
                    overflow: hidden
                }

            .videos > .post .infor .source02 {
                float: left;
                width: 100%;
                margin: 30px 0 20px 0
            }

                .videos > .post .infor .source02 textarea {
                    width: 98%;
                    max-width: 98%;
                    min-height: 118px;
                    padding: 15px 1%;
                    color: #bbb
                }

            .videos > .post .infor span.point {
                float: left;
                font-size: 13px;
            }

        .videos > .post .btn_area {
            margin: 0 0 150px 0;
            text-align: center
        }

    /* VIDEOS submit CSS */
    .videos_submit .imgarea {
        position: relative;
        width: 100%;
        height: 600px;
        font-size: 0;
        text-align: center;
        background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bg/bg_video_header_t.jpg) 0 0 no-repeat;
        background-size: cover;
    }

        .videos_submit .imgarea .text {
            padding-top: 240px;
            width: 100%;
            color: #fff;
            text-align: center
        }

            /* 20200220 */
            .videos_submit .imgarea .text h4 {
                font-size: 40px;
                text-transform: uppercase;
            }

            .videos_submit .imgarea .text h3 {
                font-size: 35px;
            }

    .videos_submit .textarea {
        margin: 100px auto;
        width: 898px;
    }

        .videos_submit .textarea h4 {
            color: #323232;
            font-size: 30px;
            line-height: 1.2;
            padding: 28px 0 49px;
            background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bull/bull_title02.jpg) no-repeat 0 0;
        }

        .videos_submit .textarea h5 {
            color: #777777;
            font-size: 24px;
            line-height: 1.2;
            padding-bottom: 53px;
        }

        .videos_submit .textarea h6 {
            color: #777777;
            font-size: 16px;
            line-height: 1.2;
            padding-bottom: 27px;
        }

        .videos_submit .textarea p {
            color: #777777;
            font-size: 16px;
            line-height: 22px;
            padding-bottom: 27px;
        }

    .videos_submit .textarea3 {
        position: relative;
        margin: 95px auto;
        width: 90%;
        text-align: center;
    }

        .videos_submit .textarea3 h5 {
            color: #333;
            font-size: 40px;
            line-height: 1.1;
            text-align: center;
        }

        .videos_submit .textarea3 > p {
            padding: 32px 0 18px;
            background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bull/bull_title02.jpg) no-repeat center 0;
            font-size: 24px;
            line-height: 1.1;
            color: #8a8a8a;
            text-align: center;
            text-transform: uppercase;
        }

    .videos_submit .textarea2 {
        position: relative;
        margin: 95px auto 60px;
        width: 70%;
        text-align: center;
    }

        .videos_submit .textarea2 h5 {
            padding-top: 50px;
            color: #333;
            font-size: 40px;
            line-height: 1.1;
            text-align: center;
            background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bull/bull_title02.jpg) no-repeat center 0;
            background-size: auto 2px;
        }

        .videos_submit .textarea2 h4 {
            padding-top: 50px;
            color: #333;
            font-size: 22px;
            line-height: 1.1;
            text-align: center;
        }

    .videos_submit .submit .textarea3 input[type=text] {
        padding-left: 2%;
        width: 50%;
        height: 51px;
        font-size: 16px;
        line-height: 51px;
        border: 1px solid #e4e4e4;
    }

    .videos_submit .submit .textarea3 dl {
        width: 100%;
        border-bottom: 1px solid #d5d6d8;
        background: #eff0f0;
    }

    .videos_submit .submit .textarea3 dt {
        float: left;
        clear: left;
        display: block;
        padding: 1% 2% 0;
        width: 11%;
        height: 100%;
        text-align: left;
        font-size: 16px;
        line-height: 1.2;
    }

        .videos_submit .submit .textarea3 dt span {
            color: #3898d3;
        }

    .videos_submit .submit .textarea3 dd {
        margin-left: 19.5%;
        padding: 1% 4%;
        width: 72.5%;
        text-align: left;
        font-size: 16px;
        line-height: 1.2;
        color: #777;
        background: #fff;
        border-left: 1px solid #d5d6d8;
    }

        .videos_submit .submit .textarea3 dd:after {
            content: "";
            display: table;
            clear: both;
        }

        .videos_submit .submit .textarea3 dd p.byte {
            text-align: right;
        }

        .videos_submit .submit .textarea3 dd a.link {
            color: #3898d3;
            text-decoration: underline;
        }

    .videos_submit .submit .textarea3 .btn_add {
        position: absolute;
        top: 147px;
        right: 0;
    }

        /* 20200220 */
        .videos_submit .submit .textarea3 .btn_add a {
            display: block;
            width: 149px;
            line-height: 53px;
            border-radius: 4px;
            color: #fff;
            font-size: 15px; /*text-transform:uppercase;*/
            background: #3898d3;
            letter-spacing: -1px
        }

    .videos_submit .submit .textarea3 .submit_txt {
        margin-top: 38px;
    }

    .videos_submit .submit .textarea3 .w_select {
        margin-bottom: 7px;
    }

    .videos_submit .submit .textarea3 textarea {
        padding-left: 2%;
        width: 98%;
        border: 1px solid #e4e4e4;
        line-height: 29px;
        resize: none;
    }

    .videos_submit .submit .textarea3 .date input[type=text] {
        width: 30%
    }

    .videos_submit .submit .textarea3 .date input.time {
        width: 50px;
    }

    .videos_submit .submit .file_area {
        margin-top: 96px;
    }

        .videos_submit .submit .file_area > ul {
            padding: 9px 0;
            border-top: 1px solid #d5d6d8;
            border-bottom: 1px solid #d5d6d8;
        }

        .videos_submit .submit .file_area ul li {
            margin-bottom: 4px;
        }

        .videos_submit .submit .file_area input[type=text] {
            float: left;
        }

        .videos_submit .submit .file_area ul.btn_area li {
            float: right;
            margin-left: 9px;
        }

            .videos_submit .submit .file_area ul.btn_area li a {
                display: block;
                width: 149px;
                line-height: 53px;
                border-radius: 4px;
                color: #fff;
                font-size: 18px;
                text-transform: uppercase;
            }

        /* 20200220 */
        .videos_submit .submit .file_area ul.btn_area .btn_file {
            position: relative;
            float: left;
            overflow: hidden;
            width: 149px;
            line-height: 53px;
            border-radius: 4px;
            color: #fff;
            font-size: 15px; /*text-transform:uppercase;*/
            cursor: pointer;
            background: #4e545a;
            letter-spacing: -1px
        }

            .videos_submit .submit .file_area ul.btn_area .btn_file input {
                position: absolute;
                top: 0;
                right: 0;
                width: 500px;
                height: 53px;
                font-size: 30px;
                cursor: pointer;
                opacity: 0;
                filter: alpha(opacity=0);
                cursor: pointer;
            }

        .videos_submit .submit .file_area ul.btn_area li.btn_delete a {
            background: #bfc6cd;
        }

        .videos_submit .submit .file_area p {
            margin-top: 12px;
            font-size: 16px;
            line-height: 1.1;
            text-align: left;
            color: #a9a9a9
        }

        .videos_submit .submit .file_area ul li.file_list {
            display: none;
        }

        .videos_submit .submit .file_area #fileProgress {
            position: relative;
            width: 100%;
            height: 50px;
            border: 1px solid #bfc6cd;
            box-sizing: border-box;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
        }

        .videos_submit .submit .file_area #fileBar {
            position: absolute;
            width: 0%;
            height: 100%;
            background-color: #bfc6cd;
        }

        .videos_submit .submit .file_area .labelArea {
            position: absolute;
            left: 20px;
            top: 0;
            width: 500px;
        }

            .videos_submit .submit .file_area .labelArea #label {
                float: left;
                padding-right: 5px;
                font-size: 16px;
                color: #4e545a;
                line-height: 50px;
            }

            .videos_submit .submit .file_area .labelArea span {
                float: left;
                font-size: 16px;
                color: #fff;
                line-height: 50px;
            }

        .videos_submit .submit .file_area .btn_x {
            position: absolute;
            top: 16px;
            right: 16px;
            width: 13px;
            height: 13px;
            background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/btn/btn_x.png) 0 0 no-repeat;
        }

    .videos_submit .submit .submit_txt {
        border-top: 1px solid #a6a9ac;
    }

        .videos_submit .submit .submit_txt input[type=text] {
            width: 98%;
        }

    .videos_submit .btn_submit {
        margin: 0 auto 189px;
        width: 100%;
        text-align: center;
    }

        .videos_submit .btn_submit a {
            display: inline-block;
            width: 132px;
            margin: 0 10px;
            line-height: 53px;
            font-size: 18px;
            color: #fff;
            background: #3898d3;
            text-align: center;
            border-radius: 2px;
            text-transform: uppercase;
        }

    .videos_submit .btn_submit_again {
        margin: 0 auto 189px;
        width: 183px;
    }

        .videos_submit .btn_submit_again a {
            display: block;
            line-height: 53px;
            font-size: 18px;
            color: #fff;
            background: #3898d3;
            text-align: center;
            border-radius: 2px;
            text-transform: uppercase;
        }

    /* VIDEOS contest CSS */
    .videos_contest > .imgarea {
        position: relative;
        width: 100%;
        height: auto;
        font-size: 0;
        text-align: center;
        background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bg/contest_bg_t.jpg) center 0 no-repeat;
        background-size: cover;
    }

    /*  20200213 추가*/
    .videos_contest .imgarea .youtube {
        padding: 0;
    }

        .videos_contest .imgarea .youtube .youtube_api {
            margin: 0 auto; /*width:1200px;*/
        }

            .videos_contest .imgarea .youtube .youtube_api img {
                width: 100%;
            }

            .videos_contest .imgarea .youtube .youtube_api .unit {
                width: 100%;
            }

            .videos_contest .imgarea .youtube .youtube_api .youtube_api_m, .videos_contest .youtube .youtube_api .youtube_api_t {
                display: none;
            }

    /* .text padding 350px-30px */
    .videos_contest .imgarea .text {
        padding: 30px 0 0 0;
        width: 100%;
        color: #fff;
        text-align: center;
        margin-bottom: 15px;
    }
        /* .videos_contest .imgarea .text h4{font-size:44px;text-transform:uppercase;}*/
        .videos_contest .imgarea .text h3 {
            font-size: 30px;
        }

        .videos_contest .imgarea .text p {
            padding-top: 10px;
            font-size: 20px; /*text-transform:uppercase;*/
        }

        .videos_contest .imgarea .text .btn_submit {
            margin-top: 40px;
        }

            .videos_contest .imgarea .text .btn_submit a {
                display: block;
                margin: 0 auto;
                width: 180px;
                font-size: 16px;
                line-height: 42px;
                text-align: center;
                color: #fff;
                text-transform: uppercase;
                background: #3898d3;
                border-radius: 4px;
            }

    /* margin:80px 4% 100px; -> margin:80px 4% 60px; */
    .videos_contest .textarea {
        position: relative;
        margin: 80px 4% 60px;
        text-align: center;
    }
        /*	.videos_contest .textarea h4{padding:30px 0 0 0;background:url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bull/bull_title01.jpg) no-repeat center 0;font-size:50px;text-transform:uppercase;}*/
        .videos_contest .textarea h3 {
            padding: 30px 0 0 0;
            font-size: 22px;
            font-weight: 400;
        }

        .videos_contest .textarea p {
            margin: 40px 0 0 0;
            color: #777;
            font-size: 16px;
            line-height: 26px
        }

        .videos_contest .textarea .imgarea {
            position: relative;
            margin: 50px 0 0;
        }

            .videos_contest .textarea .imgarea img {
                width: 100%;
            }

            .videos_contest .textarea .imgarea a {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/btn/btn_video_play02.png) no-repeat center 0;
                background-size: 100%;
            }

    /* VIDEOS contest faq css */
    .videos_submit .faq {
        margin: 60px 0 0;
        padding: 0 4%
    }

        .videos_submit .faq .list {
            width: 745px;
            margin: 0 auto
        }

            .videos_submit .faq .list ul li {
                float: left;
                margin: 0 20px 0 0;
                padding: 0 20px 0 0;
                border-right: 1px solid #c7c7c7
            }

                .videos_submit .faq .list ul li a {
                    color: #999;
                    font-size: 24px;
                    font-weight: normal
                }

                .videos_submit .faq .list ul li.on a {
                    color: #3898d3
                }

                .videos_submit .faq .list ul li.last {
                    margin: 0;
                    padding: 0;
                    border: 0
                }

        .videos_submit .faq .faq_list {
            margin: 60px 0 100px;
            border-top: 1px solid #696969;
            border-bottom: 1px solid #696969
        }

            .videos_submit .faq .faq_list ul li .title {
                height: 110px;
                border-top: 1px solid #c7c7c7;
                background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/btn/btn_tap_off.png) no-repeat right 45%
            }

            .videos_submit .faq .faq_list ul li.first .title {
                border: 0
            }

            .videos_submit .faq .faq_list ul li .title a {
                display: block;
                width: 88%;
                height: 75px;
                padding: 35px 0 0 60px;
                background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/icon/icon_question_off.png) no-repeat left 40%;
                color: #333;
                font-size: 20px
            }

            .videos_submit .faq .faq_list ul li.on .title {
                background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/btn/btn_tab_on.png) no-repeat right 45%
            }

                .videos_submit .faq .faq_list ul li.on .title a {
                    color: #3898d3;
                    background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/icon/icon_question_on.png) no-repeat left 40%
                }

            .videos_submit .faq .faq_list ul li .content {
                display: none;
                padding: 30px 20px;
                border-top: 1px dashed #c7c7c7
            }

                .videos_submit .faq .faq_list ul li .content p {
                    color: #777;
                    font-size: 14px;
                    line-height: 30px
                }

                .videos_submit .faq .faq_list ul li .content img {
                    width: 90%;
                    margin: 30px 0 0 0
                }

            .videos_submit .faq .faq_list ul li.on .content {
                display: block
            }

    /* ABOUT THINKWARE css */
    .about {
        width: 100%
    }

        .about .imgarea {
            height: 600px;
            background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bg/bg_about_header_t.jpg) no-repeat center top;
            background-size: cover;
        }

            .about .imgarea .text {
                padding-top: 240px;
                color: #fff;
                text-align: center;
            }

                .about .imgarea .text h4 {
                    font-size: 70px
                }

                .about .imgarea .text p {
                    margin: 10px 0 0 0;
                    font-size: 16px;
                    line-height: 26px;
                }

        .about .textarea {
            margin: 80px 0 150px;
            padding: 0 4%;
            text-align: center
        }

            .about .textarea img {
                margin: 60px 0 0 0;
                width: 100%
            }

        .about .textarea2 {
            width: 92%;
            padding: 60px 4% 120px;
            background: #f5f5f5;
            text-align: center
        }

            .about .textarea h4, .about .textarea2 h4 {
                padding: 30px 0 0 0;
                background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bull/bull_title01.jpg) no-repeat center 0;
                font-size: 50px
            }

            .about .textarea2 h5 {
                padding: 30px 0 0 0;
                font-size: 18px
            }

            .about .textarea p, .about .textarea2 p {
                margin: 10px 0 0 0;
                color: #777;
                font-size: 16px;
                line-height: 26px
            }

        .about .imgarea2 {
            position: relative;
            width: 92%;
            ;
            padding: 0 4% 120px;
        }

            .about .imgarea2 img {
                width: 100%
            }

            .about .imgarea2 h4 {
                font-size: 32px
            }

            .about .imgarea2 p {
                margin: 10px auto 0;
                font-size: 16px;
                line-height: 26px
            }

            .about .imgarea2 .text, .about .imgarea2 .text2 {
                position: absolute;
                top: 20%;
                width: 92%;
                text-align: center
            }

            .about .imgarea2 .text2 {
                top: 58%
            }

        .about .textarea2 .award_imgarea {
            margin-bottom: 40px;
        }

            .about .textarea2 .award_imgarea img {
                margin-right: 16px;
            }

        .about .textarea2 .moive_area {
            position: relative;
            margin: 80px 0 0 0
        }

            .about .textarea2 .moive_area img {
                width: 100%
            }

            .about .textarea2 .moive_area iframe {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%
            }

        .about .textarea3 {
            padding: 0 4%;
            margin: 80px auto 16px;
            text-align: center
        }

            .about .textarea3 p {
                color: #333;
                font-size: 16px;
                line-height: 26px
            }

    /* Partnership */
    .partnership {
        width: 100%
    }

        .partnership .imgarea {
            height: 600px;
            background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bg/bg_partnerships_header_t.jpg) no-repeat center top;
            background-size: cover;
        }

            .partnership .imgarea .text {
                padding-top: 200px;
                color: #fff;
                text-align: center;
            }

                .partnership .imgarea .text h4 {
                    font-size: 70px;
                    text-transform: uppercase;
                }

                .partnership .imgarea .text p {
                    margin: 10px 0 0 0;
                    font-size: 24px;
                    line-height: 26px;
                }

        .partnership .textarea {
            margin: 80px 0 0;
            padding: 0 4%;
            text-align: center
        }

            .partnership .textarea h4 {
                padding: 30px 0 0 0;
                background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bull/bull_title01.jpg) no-repeat center 0;
                font-size: 50px
            }

            .partnership .textarea p {
                margin: 10px 0 0 0;
                color: #777;
                font-size: 16px;
                line-height: 26px
            }

        .partnership .textarea2 {
            margin: 87px 0 126px;
            padding: 0 4%;
            text-align: center
        }

            .partnership .textarea2 h5 {
                padding: 20px 0 30px;
                background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bull/bull_title02.jpg) no-repeat center 0;
                font-size: 30px;
                line-height: 34px;
                text-align: center;
            }

            .partnership .textarea2 p {
                margin: 0 0 65px;
                color: #777;
                font-size: 16px;
                line-height: 26px
            }

                .partnership .textarea2 p.link {
                    margin-top: 23px;
                    font-size: 17px;
                    line-height: 1.1;
                }

                    .partnership .textarea2 p.link a {
                        color: #3898d3;
                        text-decoration: underline;
                    }

        .partnership .box {
            padding: 45px 12%;
            background: #eff0f0;
        }

            .partnership .box p {
                margin: 0 0 10px 0;
                color: #777;
                font-size: 17px;
                line-height: 1.1;
                text-align: left;
            }

            .partnership .box li {
                float: left;
                margin: 0;
                text-align: left;
            }

                .partnership .box li.btn_signin {
                    width: 18%;
                }

                    .partnership .box li.btn_signin a {
                        display: block;
                        line-height: 42px;
                        border-radius: 4px;
                        background: #3898d3;
                        color: #fff;
                        font-size: 16px;
                        text-align: center;
                        text-transform: uppercase;
                    }

                .partnership .box li.email {
                    width: 82%;
                }

                    .partnership .box li.email input {
                        padding: 0 10px 0 40px;
                        width: 90%;
                        height: 40px;
                        line-height: 40px;
                        border: 1px solid #e4e4e4;
                        font-size: 16px;
                        font-weight: 400;
                        background: #fff url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/icon/icon_email2.png) 13px center no-repeat;
                    }

        .partnership input.btn_save {
            display: block;
            margin: 0 auto 128px;
            width: 163px;
            line-height: 53px;
            border: 0;
            border-radius: 4px;
            background: #3898d3;
            color: #fff;
            font-size: 18px;
            text-align: center;
            text-transform: uppercase;
            cursor: pointer;
        }

    .partnership_appication_area {
        position: relative;
    }

        .partnership_appication_area .partnership_appication_box {
            margin: 0 auto 32px;
            width: 90%;
            background: #eff0f0;
        }

            .partnership_appication_area .partnership_appication_box ul {
                margin: 0 auto;
                padding: 35px 0;
                width: 92%;
            }

            .partnership_appication_area .partnership_appication_box li {
                margin-bottom: 22px;
            }

                .partnership_appication_area .partnership_appication_box li label {
                    display: block;
                    padding-bottom: 15px;
                    font-size: 16px;
                    color: #333;
                }

                    .partnership_appication_area .partnership_appication_box li label span {
                        color: #369bd3;
                    }

                .partnership_appication_area .partnership_appication_box li input[type=text] {
                    padding: 0 10px;
                    width: 92%;
                    height: 40px;
                    line-height: 40px;
                    color: #777777;
                    border: 1px solid #e9e9e9;
                    font-size: 16px;
                    font-weight: 400;
                }

                .partnership_appication_area .partnership_appication_box li.first_name {
                    float: left;
                    width: 48%;
                }

                .partnership_appication_area .partnership_appication_box li.last_name {
                    float: right;
                    width: 48%;
                }

                .partnership_appication_area .partnership_appication_box li.company_name {
                    float: left;
                    width: 48%;
                }

                .partnership_appication_area .partnership_appication_box li.country {
                    float: right;
                    width: 48%;
                }

                .partnership_appication_area .partnership_appication_box li.email {
                    background: none;
                }

                    .partnership_appication_area .partnership_appication_box li.email input[type=text] {
                        width: 96%;
                    }

                .partnership_appication_area .partnership_appication_box li.message {
                    margin-bottom: 0;
                    padding-bottom: 25px;
                }

                .partnership_appication_area .partnership_appication_box li textarea {
                    padding: 0 10px;
                    width: 96%;
                    height: 213px;
                    border: 1px solid #e4e4e4;
                    resize: none;
                }

    /* Sub Tab */
    .submenu_tab_mobile {
        display: none;
    }

    .submenu_tab {
        width: 100%;
        height: auto;
        background: #eff0f0;
    }

        .submenu_tab ul {
            margin: 0 auto;
            width: 100%;
        }

        .submenu_tab li {
            float: left;
            width: 33.3%;
            text-align: center;
        }

            .submenu_tab li a {
                width: 100%;
                line-height: 78px;
                font-size: 18px;
                color: #7b7b7b;
                text-transform: uppercase;
            }

                .submenu_tab li a:hover, .submenu_tab li a.on {
                    color: #000;
                }

        .submenu_tab ul.buzz_ul {
            margin: 0 auto;
            width: 30%;
        }

        .submenu_tab li.buzz_sub {
            float: left;
            width: 100%;
            text-align: center;
        }

    /* PRODUCTS css */
    .products {
        position: relative
    }

        .products .tap {
            position: absolute;
            top: 80px;
            left: 4%;
            width: 92%;
            border-radius: 5px
        }

            .products .tap > ul {
                position: relative;
                z-index: 20
            }

                .products .tap > ul li {
                    float: left;
                    width: 33.33%
                }

                    .products .tap > ul li a {
                        display: block;
                        width: 100%;
                        height: 37px;
                        padding: 15px 0 0 0;
                        border-right: 1px solid #fff;
                        background: #ccd5de;
                        color: #fff;
                        font-size: 16px;
                        text-align: center
                    }

                    .products .tap > ul li.first a {
                        border-radius: 5px 0 0 5px;
                        behavior: url(PIE.htc)
                    }

                    .products .tap > ul li.last a {
                        border: 0;
                        border-radius: 0 5px 5px 0;
                        behavior: url(PIE.htc)
                    }

                    .products .tap > ul li.on a {
                        background: #4e545a
                    }

                    .products .tap > ul li.on span {
                        display: block;
                        width: 100%;
                        height: 10px;
                        background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bg/bg_pointer.png) no-repeat center bottom
                    }

            .products .tap .content {
                position: absolute;
                top: 53px;
                left: 0;
                width: 100%;
                background: #fff;
                z-index: 1
            }

                .products .tap .content ul {
                    display: none;
                    margin: 0 auto
                }

                    .products .tap .content ul.series_c01 {
                        width: 298px
                    }
                    /*.products .tap .content ul.series_c02{width:596px}제품 2개*/
                    .products .tap .content ul.series_c02 {
                        width: 298px
                    }

                    .products .tap .content ul.series_c03 {
                        width: 298px
                    }

                    .products .tap .content ul.series_c04 {
                        width: 298px
                    }

                    .products .tap .content ul.series_c05 {
                        width: 298px
                    }

                    .products .tap .content ul.series_c06 {
                        width: 298px
                    }

                    .products .tap .content ul.series_c07 {
                        width: 298px
                    }

                    .products .tap .content ul.series_c08 {
                        width: 298px
                    }

                    .products .tap .content ul li {
                        float: left;
                        padding: 25px 0;
                        color: #666;
                        font-size: 20px;
                        text-align: center
                    }

                        .products .tap .content ul li.on {
                            color: #4e545a
                        }

        .products .ctrl {
            position: absolute;
            top: 0;
            right: 0;
            width: 18px;
            height: 19px
        }

        .products .arrow {
            position: absolute;
            width: 0;
            height: 0;
            top: 13px;
            right: 9px;
            border-top: 5px solid #999;
            border-left: 5px solid #f4f4f4;
            border-right: 5px solid #f4f4f4;
            font-size: 0;
            line-height: 0
        }

        .products > .imgarea {
            position: relative;
            height: 800px;
            padding: 0 4%;
            background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bg/bg_products.png) no-repeat center bottom;
            background-color: #f9f9f9;
            text-align: center
        }

            .products > .imgarea .textarea {
                position: absolute;
                top: 70px;
                width: 92%
            }

                .products > .imgarea .textarea .title {
                    padding: 0 0 25px 0;
                    border-bottom: 1px solid #696969;
                    font-size: 30px
                }

                .products > .imgarea .textarea h5 {
                    margin: 70px 0 20px;
                    font-size: 70px;
                    font-weight: normal
                }

                .products > .imgarea .textarea p {
                    color: #777;
                    font-size: 30px
                }

                .products > .imgarea .textarea .btn_area {
                    margin: 40px 0 0 0
                }

        .products > .list_products {
            background: #f0f0f0;
            border-bottom: 1px solid #e1e1e1;
        }

            .products > .list_products ul {
                width: 90%;
                margin: 0 auto;
            }

                .products > .list_products ul li {
                    float: left;
                    width: 16.5%;
                }

                    .products > .list_products ul li.first a {
                        border-left: 1px solid #e1e1e1;
                    }

                    .products > .list_products ul li.product_etc a {
                        padding: 36px 0 0 20px;
                        height: 74px;
                    }

                    .products > .list_products ul li a {
                        display: block;
                        padding: 26px 0 0 2%;
                        height: 84px;
                        font-size: 24px;
                        color: #000000;
                        text-transform: uppercase;
                        font-weight: 400;
                        background: #ffffff;
                        border-right: 1px solid #e1e1e1;
                    }

                        .products > .list_products ul li a span {
                            display: block;
                            font-size: 14px;
                            color: #989898;
                        }

        .products .slider2 {
            background: #fff;
        }

            .products .slider2 a {
                display: block;
                padding: 23px 0 0 16.5px;
                height: 77px;
                font-size: 28px;
                line-height: 1.2;
                color: #000000;
                text-transform: uppercase;
                font-weight: 400;
                border-bottom: 1px solid #e1e1e1;
                border-right: 1px solid #e1e1e1;
            }

                .products .slider2 a span {
                    display: block;
                    font-size: 12px;
                    color: #989898;
                }

                .products .slider2 a.product_etc {
                    padding: 33px 0 0 16.5px;
                    height: 67px;
                    font-size: 22px;
                    letter-spacing: -1;
                }

                .products .slider2 a.product_etc2 {
                    padding: 23px 0 0 16.5px;
                    height: 77px;
                    font-size: 22px;
                    letter-spacing: -1;
                }

    /* Slider */
    .slick-slider {
        position: relative;
        display: block;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        -webkit-touch-callout: none;
        -khtml-user-select: none;
        -ms-touch-action: pan-y;
        touch-action: pan-y;
        -webkit-tap-highlight-color: transparent;
    }

    .slick-list {
        position: relative;
        display: block;
        overflow: hidden;
        margin: 0 auto;
        padding: 0;
        width: 90%;
    }

        .slick-list:focus {
            outline: none;
        }

        .slick-list.dragging {
            cursor: pointer;
            cursor: hand;
        }

    .slick-slider .slick-track, .slick-slider .slick-list {
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    .slick-track {
        position: relative;
        top: 0;
        left: 0;
        display: block;
        width: 100%;
    }

        .slick-track:before, .slick-track:after {
            display: table;
            content: '';
        }

        .slick-track:after {
            clear: both;
        }

    .slick-loading .slick-track {
        visibility: hidden;
    }

    .slick-slide {
        display: none;
        float: left;
        height: 100%;
        min-height: 1px;
    }

    [dir='rtl'] .slick-slide {
        float: right;
    }

    .slick-slide img {
        display: block;
    }

    .slick-slide.slick-loading img {
        display: none;
    }

    .slick-slide.dragging img {
        pointer-events: none;
    }

    .slick-initialized .slick-slide {
        display: block;
    }

    .slick-loading .slick-slide {
        visibility: hidden;
    }

    .slick-vertical .slick-slide {
        display: block;
        height: auto;
        border: 1px solid transparent;
    }

    .slick-arrow.slick-hidden {
        display: none;
    }

    /* Arrows */
    .slick-prev, .slick-next {
        font-size: 0;
        line-height: 0;
        position: absolute;
        top: 50%;
        margin-top: -50px;
        display: block;
        width: 55px;
        height: 100px;
        padding: 0;
        cursor: pointer;
        color: transparent;
        border: none;
        outline: none;
        z-index: 10;
    }

    .slick-next {
        right: 0;
        background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/btn/btn_arrow_next.jpg) 0 center no-repeat;
        background-size: 60px;
    }

    .slick-prev {
        left: 0;
        background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/btn/btn_arrow_prev.jpg) 0 center no-repeat;
        background-size: 60px;
    }

    .products > .submain_imgarea {
        position: relative;
        text-align: center;
    }

        .products > .submain_imgarea .img img {
            width: 100%
        }

        .products > .submain_imgarea .textarea {
            position: absolute;
            top: 80px;
            width: 100%;
            text-align: center;
        }

            .products > .submain_imgarea .textarea h4 {
                font-size: 52px;
                color: #fff;
            }

            .products > .submain_imgarea .textarea p, tit_detail {
                font-size: 40px;
                color: #fff;
            }

            .products > .submain_imgarea .textarea h4 span {
                font-weight: bold;
            }

    .products > .products_link_area {
        background: #2e2e2e;
        margin: 0 auto;
        margin-top: -4px;
    }

        .products > .products_link_area ul {
            overflow: hidden;
            padding: 12px 0;
            margin: 0 10% 0 13%;
        }

            .products > .products_link_area ul li {
                float: left;
                margin-left: 3.2%;
                width: 30%
            }

                .products > .products_link_area ul li.first {
                    margin-left: 0;
                }

                .products > .products_link_area ul li img {
                    width: 100%
                }

    .products > .imgarea img {
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%
    }

    .products .content_list {
        margin: 80px 0;
        padding: 0 4%
    }

        .products .content_list .title {
            text-align: center
        }

            .products .content_list .title h5 {
                padding: 0 0 30px 0;
                border-bottom: 1px solid #696969;
                font-size: 30px
            }

        .products .content_list .content li {
            border-top: 1px solid #e5e5e5;
        }

        .products .content_list .first .content li.first {
            border: 0;
        }

        .products .content_list .cl_product {
            display: none;
        }

            .products .content_list .cl_product.active {
                display: block;
            }

            .products .content_list .cl_product li {
                border-top: 1px solid #ededed;
            }

                .products .content_list .cl_product li.first {
                    border: 0;
                }

                .products .content_list .cl_product li .imgarea {
                    float: left;
                    width: 50%
                }

                    .products .content_list .cl_product li .imgarea img {
                        width: 100%
                    }

                .products .content_list .cl_product li .textarea {
                    float: right;
                    width: 45%;
                    padding: 0 2.5%
                }

                    .products .content_list .cl_product li .textarea h6 {
                        margin: 30px 0 0 0;
                        font-size: 30px;
                        font-weight: normal
                    }

                    .products .content_list .cl_product li .textarea div.icon {
                        padding: 30px 5% 0 0;
                    }

                        .products .content_list .cl_product li .textarea div.icon img {
                            margin: 0 1% 0 0;
                            width: 14%;
                        }

                    .products .content_list .cl_product li .textarea .btn_area {
                        margin: 30px 0 0 0
                    }

    .products .cl_product .movie {
        padding: 4% 4%;
        text-align: center
    }

        .products .cl_product .movie .movie_area {
            position: relative;
            width: 100%
        }

            .products .cl_product .movie .movie_area img {
                width: 100%
            }

            .products .cl_product .movie .movie_area iframe {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%
            }

    .products .btn_more_product {
        margin: 0 auto 68px;
        width: 235px;
    }

        .products .btn_more_product a {
            display: block;
            padding-left: 34px;
            line-height: 53px;
            color: #fff;
            font-size: 18px;
            background: #bfc6cd url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bull/bull_more.png) 195px center no-repeat;
            text-transform: uppercase;
            border-radius: 4px;
        }

    /* PRODUCTS content css */
    .products .explain > .imgarea {
        width: 100%;
        height: 880px;
        text-align: center
    }

        .products .explain > .imgarea h4 {
            padding: 125px 0 0 0;
            font-size: 70px
        }

            .products .explain > .imgarea h4 span {
                font-weight: normal
            }

        .products .explain > .imgarea > p {
            margin: 20px 0 25px 0;
            color: #777;
            font-size: 16px
        }

            .products .explain > .imgarea > p.sub_detail {
                margin: 0;
                color: #333;
                font-size: 30px
            }

        .products .explain > .imgarea .sub_title {
            font-size: 22px;
            margin: 0;
            color: #333;
            font-weight: 400
        }

        .products .explain > .imgarea .btn_area a {
            margin: 0 10px 0 0
        }

    /* 앱 페이지 */
    img {
        vertical-align: top;
    }

    .products .submain_imgarea1 {
        position: relative;
        text-align: center;
    }

        .products .submain_imgarea1 .img img {
            width: 100%
        }

        /* 20200731 */
        .products .submain_imgarea1 .textarea {
            position: absolute;
            top: 9%;
            width: 100%;
            text-align: left;
        }

            .products .submain_imgarea1 .textarea h4 {
                font-size: 40px;
                color: #fff;
                padding-left: 10%;
            }

            .products .submain_imgarea1 .textarea p, tit_detail {
                font-size: 20px;
                color: #fff;
                padding-left: 10%;
                margin-top: 20px;
            }

            .products .submain_imgarea1 .textarea h4 span {
                font-weight: bold;
            }

    /* 20200720 top 수정 h1, span, img 추가 */
    /*
	.products  .submain_imgarea1 .textarea .btn_area{margin-left:6%;margin-top:52px;}        
	.products  .submain_imgarea1 .textarea .btn_area{margin-left:6%; margin-top:35px;}
    .products  .submain_imgarea1 .textarea .btn_area img{width: 148px;}
	.products  .submain_imgarea1 .textarea .btn_area h1.tit_txt{font-size:20px; color:#fff; width: 400px; line-height:20px; float:left;}
	.products  .submain_imgarea1 .textarea .btn_area span.sub_txt{display: block; padding-left: 5px; font-size: 12px;}
*/

    /* 20200730 */
    .products .explain .content h4.btnarea_tit {
        margin: 0 auto;
        padding: 40px 0 0px 0;
        font-size: 50px;
        text-align: center;
        line-height: 50px;
        background-color: #e5e5e5;
        font-weight: 700;
    }
    /* 20220616 */
    .products .explain .content .btn_area {
        background: #e5e5e5;
        text-align: center;
        height: 420px;
    }

        .products .explain .content .btn_area img {
            width: 165px;
        }

        .products .explain .content .btn_area .btn_box_wrap {
            width: 730px;
            margin: 0 auto;
        }

        .products .explain .content .btn_area .btn_box {
            width: 50%;
            position: relative;
            top: 70px;
            float: left;
        }

        .products .explain .content .btn_area .btn_box2 {
            width: 50%;
            position: relative;
            top: 150px;
            float: left;
        }

        /* 20220616 */
        .products .explain .content .btn_area .btn_box3 {
            width: 50%;
            position: relative;
            top: 230px;
            float: left;
            text-align: left;
        }
        .products .explain .content .btn_area .btn_box3 .mobile_box img.mo_left {
            text-align:left;
            margin-left:10px;
        }

        .products .explain .content .btn_area h1.btn_tit {
            position: absolute;
            top: -45px;
            left: 13px;
            text-align: left;
            font-size: 18px;
            font-weight: bold;
        }

        .products .explain .content .btn_area span.sub_txt {
            display: block;
            font-size: 12px;
            font-weight: normal;
        }

    .products .explain .content .app {
        text-align: center;
        margin-top: 50px;
    }

        .products .explain .content .app h4 {
            margin: 0 auto;
            padding: 40px 0 0 0;
            background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bull/bull_title01.jpg) no-repeat center 0;
            font-size: 50px;
            text-align: center;
            line-height: 50px
        }

        .products .explain .content .app > p {
            margin: 30px auto;
            color: #777;
            font-size: 16px;
            line-height: 26px;
            text-align: center;
        }

        .products .explain .content .app .imgarea {
            margin: 0 auto;
        }

    .products .explain .content .app1 {
        text-align: center;
    }

        .products .explain .content .app1 h4 {
            margin: 0 auto;
            padding: 80px 0 0 0;
            font-size: 50px;
            text-align: center;
            line-height: 50px
        }

        .products .explain .content .app1 p {
            margin: 30px auto;
            color: #000;
            font-size: 14px;
            line-height: 20px;
            text-align: center;
        }

        .products .explain .content .app1 .imgarea {
            margin: 0 auto;
        }

    .products .explain .content .app .log03_1 {
        margin: 80px auto 0px auto;
        overflow: hidden;
        list-style: none;
    }

        .products .explain .content .app .log03_1 ul li {
            float: left;
            width: 333px;
            margin: 0 0 0 40px
        }

            .products .explain .content .app .log03_1 ul li.first {
                margin: 0
            }

            .products .explain .content .app .log03_1 ul li .content img {
                width: 100%
            }

            .products .explain .content .app .log03_1 ul li .content h4 {
                margin: 30px 0 20px;
                color: #34322f;
                font-size: 30px
            }

            .products .explain .content .app .log03_1 ul li .content p {
                color: #777;
                font-size: 14px;
                line-height: 33px;
                margin-top: 30px;
                margin-bottom: 30px;
            }

        .products .explain .content .app .log03_1 ul.length03 li {
            float: left;
            width: 30%;
            margin: 0 3% 0px 0;
        }

        .products .explain .content .app .log03_1 ul.length02 {
            width: 1240px;
        }

            .products .explain .content .app .log03_1 ul.length02 li {
                float: left;
                width: 580px;
                margin: 20px 40px 30px 0
            }

                .products .explain .content .app .log03_1 ul.length02 li:first-child {
                    margin: 20px 40px 0 0
                }

    .products .explain .content .app h5 {
        margin: 0 auto;
        font-size: 30px;
        text-align: center;
        line-height: 36px;
    }

    .products .explain .content .app_back {
        background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/content/products/img_app_04_t_n.jpg) no-repeat center 0;
        background-size: 100%;
        height: 550px;
    }

    .products .explain .content .app_back1 {
        width: 100%;
        background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/content/products/img_app_t06.jpg) no-repeat center 0;
        background-size: 100%;
    }

        .products .explain .content .app_back1 h4 {
            margin: 0 auto;
            padding: 20px 0 0 0;
            font-size: 30px;
            text-align: center;
            line-height: 50px;
            color: #fff;
            font-weight: bold;
        }

        .products .explain .content .app_back1 .tit1 {
            margin: 0 auto;
            padding: 15px 0 0 0;
            background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bull/bull_title10.jpg) no-repeat center 20px;
            text-align: center;
            color: #ccc
        }

        .products .explain .content .app_back1 .tit2 {
            margin: 0 auto;
            padding: 15px 0 0 0;
            background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bull/bull_title10.jpg) no-repeat center 30px;
            text-align: center;
            color: #ccc
        }

            .products .explain .content .app_back1 .tit2:last-child {
                padding: 15px 0 15px 0px;
            }

    /*앱 페이지 완료*/

    /* 컨텐츠 영역 상단 비주얼 bg 관리 css */
    .products .explain > .imgarea.img01 {
        background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bg/products_x300_thinkwaredashcam_x300.jpg) no-repeat center top;
    }

    .products .explain > .imgarea.img02 {
        background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bg/products_f550_thinkwaredashcam_f550.jpg) no-repeat center top;
    }

    .products .explain > .imgarea.img03 {
        background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bg/products_f500_thinkwaredashcam_f500.jpg) no-repeat center top;
    }

    .products .explain > .imgarea.img04 {
        background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bg/products_h100_thinkwaredashcam_h100.jpg) no-repeat center top;
    }

    .products .explain > .imgarea.img05 {
        background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bg/products_x500_thinkwaredashcam_x500.jpg) no-repeat center top;
    }

    .products .explain > .imgarea.img06 {
        background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bg/products_f750_thinkwaredashcam_f750.jpg) no-repeat center top;
    }

    .products .explain > .imgarea.img07 {
        background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bg/products_x150_thinkwaredashcam_x150.jpg) no-repeat center top;
    }

    .products .explain > .imgarea.img08 {
        background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bg/products_h50_thinkwaredashcam_h50.jpg) no-repeat center top;
    }

    /* 20200706 업데이트 */
    .products .explain > .imgarea.img09 {
        background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bg/products_acc_n.jpg) no-repeat center;
    }

    .products .explain > .imgarea.img10 {
        background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bg/products_x550_thinkwaredashcam_x550.jpg) no-repeat center bottom;
    }

    .products .explain > .imgarea.img11 {
        background: url('https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bg/products_x330_thinkwaredashcam_x330.jpg') no-repeat center bottom;
    }

    .products .explain > .imgarea.img12 {
        background: url('https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bg/products_x350_thinkwaredashcam_x350.jpg') no-repeat center bottom;
    }

    .products .explain > .imgarea.img13 {
        background: url('https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bg/products_f50_thinkwaredashcam_f50.jpg') no-repeat center bottom;
    }

    .products .explain > .imgarea.img14 {
        background: url('https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bg/products_f770_thinkwaredashcam_f770.jpg') no-repeat center bottom;
    }

    .products .explain > .imgarea.img15 {
        background: url('https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bg/products_f100_thinkwaredashcam_f100.jpg') no-repeat center bottom;
    }

    .products .explain > .imgarea.img16 {
        background: url('https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bg/products_f800_thinkwaredashcam_f800.jpg') no-repeat center bottom;
    }

    .products .explain > .imgarea.img17 {
        background: url('https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bg/products_f800pro_thinkwaredashcam_f800pro_0213.jpg') no-repeat center bottom;
    }

    .products .explain > .imgarea.img18 {
        background: url('https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bg/products_f70_thinkwaredashcam_f70.jpg') no-repeat center bottom;
    }

    .products .explain > .imgarea.img19 {
        background: url('https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bg/products_f200_thinkwaredashcam_f200.jpg') no-repeat center bottom;
    }

    .products .explain > .imgarea.img20 {
        background: url('https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bg/products_x700_thinkwaredashcam_x700_0213.jpg') no-repeat center bottom;
    }

    .products .explain > .imgarea.img21 {
        background: url('https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bg/products_q800pro_thinkwaredashcam_q800pro.jpg') no-repeat center bottom;
    }

    .products .explain > .imgarea.img22 {
        background: url('https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bg/products_m1.jpg') no-repeat center bottom;
    }

    .products .explain > .imgarea.img23 {
        background: url('https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bg/products_u1000_thinkwaredashcam_u1000_0828.jpg') no-repeat center bottom;
    }
    /*20200722 */
    .products .explain > .imgarea.img24 {
        background: url('https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bg/products_t700_thinkwaredashcam_t700_0819.jpg') no-repeat center bottom;
    }
    /*20201007 */
    .products .explain > .imgarea.img25 {
        background: url('https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bg/products_f200pro_thinkwaredashcam_f200pro_1007.jpg') no-repeat center bottom;
    }

    .products .explain > .imgarea.img26 {
        background: url('https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bg/thinkware-connected-tablet_n.jpg') no-repeat center bottom;
    }

    .products .explain > .imgarea.img27 {
        background: url('https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bg/products_f790_thinkwaredashcam_f790.jpg') no-repeat center bottom;
    }

    .products .explain > .imgarea.img28 {
        background: url('https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bg/products_snapg_thinkwaregimbalcam_snapg_new.jpg') no-repeat center bottom;
    }

    .products .explain > .imgarea.img29 {
        background: url('https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bg/products_q1000_thinkwaredashcam_q1000_n.jpg') no-repeat center bottom;
    }
    .products .explain > .imgarea.img30 {
        background: url('https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bg/products_x800_thinkwaredashcam_x800_n.jpg') no-repeat center bottom;
    }
    .products .explain > .imgarea.img31 {
        background: url('https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bg/products_u3000_thinkwaredashcam_u3000_n.jpg') no-repeat center bottom;
    }
    .products .explain > .imgarea.img32 {
        background: url('https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bg/products_f70pro_thinkwaredashcam_f70pro_n.jpg') no-repeat center bottom;
    }

    .products .explain > .imgarea {
        background-size: cover !important;
    }

    .products .explain > .content li .title {
        display: none
    }

    .products .log01 .movie {
        padding: 4% 4%;
        text-align: center
    }

        .products .log01 .movie .movie_area {
            position: relative;
            width: 100%
        }

            .products .log01 .movie .movie_area img {
                width: 100%
            }

            .products .log01 .movie .movie_area iframe {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%
            }

    .products .log21 .movie {
        padding: 4% 4%;
        text-align: center
    }

        .products .log21 .movie .movie_area {
            position: relative;
            width: 100%
        }

            .products .log21 .movie .movie_area img {
                width: 100%
            }

            .products .log21 .movie .movie_area iframe {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%
            }

    .products .explain > .content .log01 .content {
        margin: 80px 0 0 0;
        text-align: center
    }

        .products .explain > .content .log01 .content h4 {
            padding: 40px 0 0 0;
            background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bull/bull_title01.jpg) no-repeat center 0;
            font-size: 50px;
            line-height: 50px
        }

        .products .explain > .content .log01 .content p {
            margin: 40px 0 0 0;
            padding: 0 4%;
            color: #777;
            font-size: 16px
        }

        .products .explain > .content .log01 .content img {
            width: 88%;
            margin: 80px 0
        }

    .products .explain > .content .log02 .content {
        padding: 80px 0 110px;
        background: #c6cfd8;
        color: #fff;
        text-align: center
    }

        .products .explain > .content .log02 .content h4 {
            padding: 40px 4% 0;
            background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bull/bull_title01.jpg) no-repeat center 0;
            font-size: 50px;
            line-height: 50px
        }

        .products .explain > .content .log02 .content > p {
            margin: 40px 4% 80px;
            font-size: 16px;
            line-height: 26px
        }

        .products .explain > .content .log02 .content > img {
            width: 95%;
        }

        .products .explain > .content .log02 .content ul {
            padding: 0 10%
        }

            .products .explain > .content .log02 .content ul li {
                float: left;
                width: 48%;
                height: 310px;
                margin: 0 0 40px 4%;
                background: #fff;
                color: #333
            }

                .products .explain > .content .log02 .content ul li.first {
                    margin: 0 0 40px 0
                }

                .products .explain > .content .log02 .content ul li img {
                    padding: 40px 0 20px
                }

                .products .explain > .content .log02 .content ul li h5 {
                    color: #34322f;
                    font-size: 20px
                }

                .products .explain > .content .log02 .content ul li p {
                    padding: 10px 4%;
                    color: #777;
                    font-size: 14px
                }

            .products .explain > .content .log02 .content ul.length01 li {
                height: 100%;
                margin: 0 0 40px 0;
                background: #fff;
                color: #333;
                width: 100%;
                padding: 0 10%;
                box-sizing: border-box;
                -webkit-box-sizing: border-box;
                -moz-box-sizing: border-box;
            }

                .products .explain > .content .log02 .content ul.length01 li img {
                    padding: 65px 0;
                    width: 100%;
                }

            .products .explain > .content .log02 .content ul.length02 li {
                margin: 0 3% 40px 0;
                background: #fff;
                color: #333;
                width: 31%;
                height: 580px;
            }

                .products .explain > .content .log02 .content ul.length02 li.last {
                    margin-right: 0;
                }

                .products .explain > .content .log02 .content ul.length02 li .box_tit {
                    color: #34322f;
                    padding-top: 120px;
                    font-size: 18px;
                    margin-bottom: 15px;
                    font-weight: bold;
                }

                    .products .explain > .content .log02 .content ul.length02 li .box_tit span {
                        font-size: 15px;
                    }

                .products .explain > .content .log02 .content ul.length02 li .box_detail {
                    color: #777;
                    font-size: 14px;
                    padding: 0 25px;
                }

                .products .explain > .content .log02 .content ul.length02 li.tech_box1 .box_tit {
                    background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/icon/product_tech_box1_icon.gif) no-repeat center 30px;
                }

                .products .explain > .content .log02 .content ul.length02 li.tech_box2 .box_tit {
                    background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/icon/product_tech_box2_icon.gif) no-repeat center 30px;
                }

                .products .explain > .content .log02 .content ul.length02 li.tech_box3 .box_tit {
                    background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/icon/product_tech_box3_icon.gif) no-repeat center 30px;
                }

    .products .explain > .content .log03_1 {
        margin: 80px 0 100px;
        padding: 0 4%
    }

        .products .explain > .content .log03_1 ul li {
            float: left;
            width: 30%;
            margin: 0 0 0 5%
        }

            .products .explain > .content .log03_1 ul li.first {
                margin: 0
            }

            .products .explain > .content .log03_1 ul li .content img {
                width: 100%
            }

            .products .explain > .content .log03_1 ul li .content h4 {
                margin: 30px 0 20px;
                color: #34322f;
                font-size: 30px;
                line-height: 30px
            }

            .products .explain > .content .log03_1 ul li .content p {
                color: #777;
                font-size: 14px;
                line-height: 24px
            }

        .products .explain > .content .log03_1 ul.length02 {
            width: 104%;
        }

            .products .explain > .content .log03_1 ul.length02 li {
                float: left;
                width: 46%;
                margin: 0 4% 11% 0;
                display: inline-block;
            }

                .products .explain > .content .log03_1 ul.length02 li.first {
                    margin: 0 4% 1% 0
                }

    .products .explain > .content .log06 .content {
        height: 600px;
        padding: 0 4%;
        color: #fff;
        text-align: center
    }
        /* 제품 중상 영역 bg 이미지 관리 css */
        .products .explain > .content .log06 .content.log01 {
            background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bg/bg_products_content01_02.jpg) no-repeat center bottom
        }

        .products .explain > .content .log06 .content.log02 {
            background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bg/products_dualsave.jpg) no-repeat center bottom
        }

        .products .explain > .content .log06 .content.log03 {
            background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bg/bg_products_content03_02.jpg) no-repeat center bottom
        }

        .products .explain > .content .log06 .content.log04 {
            background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bg/bg_products_content04_02.jpg) no-repeat center bottom
        }

        .products .explain > .content .log06 .content h4 {
            padding: 100px 0 0;
            font-size: 50px;
            line-height: 50px
        }

        .products .explain > .content .log06 .content p {
            margin: 40px auto;
            font-size: 16px;
            line-height: 26px
        }

        .products .explain > .content .log06 .content span {
            font-size: 14px
        }

    .products .explain > .content .log07_1 {
        margin: 80px 0 100px;
        padding: 0 4%
    }

        .products .explain > .content .log07_1 ul li {
            float: left;
            width: 30%;
            margin: 0 0 0 5%
        }

            .products .explain > .content .log07_1 ul li.first {
                margin: 0
            }

            .products .explain > .content .log07_1 ul li .content img {
                width: 100%
            }

            .products .explain > .content .log07_1 ul li .content h4 {
                margin: 30px 0 20px;
                color: #34322f;
                font-size: 30px;
                line-height: 30px
            }

            .products .explain > .content .log07_1 ul li .content p {
                color: #777;
                font-size: 14px;
                line-height: 24px
            }

        .products .explain > .content .log07_1 ul.length02 {
            width: 104%;
            margin-top: 30px;
        }

            .products .explain > .content .log07_1 ul.length02 li {
                float: left;
                width: 46%;
                margin: 0 4% 10% 0
            }

        /* 추가 */
        .products .explain > .content .log07_1 .h_tit {
            text-align: center;
        }

            .products .explain > .content .log07_1 .h_tit h4 {
                padding: 40px 4% 0;
                background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bull/bull_title01.jpg) no-repeat center 0;
                font-size: 50px;
                text-align: center;
                line-height: 50px
            }

            .products .explain > .content .log07_1 .h_tit > p {
                margin: 30px 0 30px;
                color: #777;
                font-size: 16px;
                line-height: 26px;
                text-align: center;
            }

    .products .explain > .content .log07_3 {
        overflow: hidden;
        background: #f5f5f5;
    }

    .products .explain > .content .log07_2 {
        margin: 80px 0 100px;
        padding: 0 4%;
        background: #f5f5f5;
    }

    .products .explain > .content .log07_3 ul li {
        float: left;
        width: 30%;
        margin: 0 0 0 5%
    }

        .products .explain > .content .log07_3 ul li.first {
            margin: 0
        }

        .products .explain > .content .log07_3 ul li .content img {
            width: 100%
        }

        .products .explain > .content .log07_3 ul li .content h4 {
            margin: 30px 0 20px;
            color: #34322f;
            font-size: 30px;
            line-height: 30px
        }

        .products .explain > .content .log07_3 ul li .content p {
            color: #777;
            font-size: 14px;
            line-height: 24px
        }

    .products .explain > .content .log07_3 ul.length02 {
        width: 104%;
        margin-top: 60px;
    }

        .products .explain > .content .log07_3 ul.length02 li {
            float: left;
            width: 42.5%;
            margin: 0 4% 10% 0
        }


    .products .explain > .content .log10 .content {
        padding: 80px 0 150px;
        background: #f5f5f5;
        text-align: center
    }

        .products .explain > .content .log10 .content h4 {
            padding: 40px 4% 0;
            background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bull/bull_title01.jpg) no-repeat center 0;
            font-size: 50px;
            text-align: center;
            line-height: 50px
        }

        .products .explain > .content .log10 .content > p {
            margin: 40px 0 80px;
            padding: 0 4%;
            color: #777;
            font-size: 16px;
            line-height: 26px
        }

        .products .explain > .content .log10 .content ul {
            padding: 0 4%;
            text-align: left
        }

            .products .explain > .content .log10 .content ul li {
                float: left;
                width: 50%;
                margin: 0 0 80px 0
            }

                .products .explain > .content .log10 .content ul li.first {
                }

                .products .explain > .content .log10 .content ul li.last {
                    width: 100%
                }

                .products .explain > .content .log10 .content ul li .imgarea {
                    float: left;
                    width: 32%
                }

                    .products .explain > .content .log10 .content ul li .imgarea img {
                        width: 100%
                    }

                .products .explain > .content .log10 .content ul li .textarea {
                    float: right;
                    width: 51%;
                    padding: 0 8.5%
                }

                .products .explain > .content .log10 .content ul li.last .imgarea {
                    width: 16%
                }

                    .products .explain > .content .log10 .content ul li.last .imgarea img {
                        width: 100%
                    }

                .products .explain > .content .log10 .content ul li.last .textarea {
                    width: 80%;
                    padding: 0 0 0 4%
                }

                .products .explain > .content .log10 .content ul li .textarea h5 {
                    color: #34322f;
                    font-size: 30px;
                    line-height: 30px
                }

                .products .explain > .content .log10 .content ul li .textarea p {
                    margin: 10px 0;
                    color: #777;
                    font-size: 14px;
                    line-height: 24px
                }

                .products .explain > .content .log10 .content ul li .textarea span {
                    color: #7296ba;
                    font-size: 14px
                }

    .products .explain > .content .log11 .content {
        padding: 80px 4% 30px;
        text-align: center
    }

        .products .explain > .content .log11 .content h4 {
            padding: 40px 0 0 0;
            background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bull/bull_title01.jpg) no-repeat center 0;
            font-size: 50px
        }

        .products .explain > .content .log11 .content p {
            margin: 40px 0 0;
            font-size: 16px
        }

        .products .explain > .content .log11 .content span {
            color: #7296ba;
            font-size: 14px
        }

    .products .explain > .content .log11 .marT85 {
        margin-top: 42px;
    }

        .products .explain > .content .log11 .marT85 img {
            width: 100%;
        }

    .products .explain > .content .log_12_1 {
        margin: 80px 0 50px;
        padding: 0 4%;
        text-align: center;
    }

        .products .explain > .content .log_12_1 ul li {
            width: 100%;
        }

            .products .explain > .content .log_12_1 ul li .content h5 {
                margin: 30px 0 20px;
                color: #34322f;
                font-size: 30px;
                line-height: 30px
            }

            .products .explain > .content .log_12_1 ul li .content p {
                color: #777;
                font-size: 14px;
                line-height: 24px
            }

    .products .explain > .content .log15 .content {
        padding: 80px 4% 150px;
        text-align: center
    }
        /* 제품 중간 영역 bg 이미지 관리 css */
        .products .explain > .content .log15 .content.log01 {
            background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bg/products_x300_easyinterface.jpg) no-repeat center bottom
        }

        .products .explain > .content .log15 .content.log02 {
            background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bg/products_f550_easyinterface.jpg) no-repeat center bottom
        }

        .products .explain > .content .log15 .content.log03 {
            background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bg/products_f500_easyinterface.jpg) no-repeat center bottom
        }

        .products .explain > .content .log15 .content.log04 {
            background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bg/products_h100_easyinterface.jpg) no-repeat center bottom
        }

        .products .explain > .content .log15 .content.log05 {
            background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bg/products_x500_easyinterface.jpg) no-repeat center bottom
        }

        .products .explain > .content .log15 .content.log05_1 {
            background: url('https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bg/products_x330_easyinterface.jpg') no-repeat center bottom
        }

        .products .explain > .content .log15 .content.log05_2 {
            background: url('https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bg/products_x350_easyinterface.jpg') no-repeat center bottom
        }

        .products .explain > .content .log15 .content.log05_3 {
            background: url('https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bg/products_f50_easyinterface.jpg') no-repeat center bottom
        }

        .products .explain > .content .log15 .content.log06 {
            background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bg/products_f750_easyinterface.jpg) no-repeat center bottom
        }

        .products .explain > .content .log15 .content.log07 {
            background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bg/products_x150_easyinterface.jpg) no-repeat center bottom
        }

        .products .explain > .content .log15 .content.log08 {
            background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bg/products_h50_easyinterface.jpg) no-repeat center bottom
        }

        .products .explain > .content .log15 .content h4 {
            padding: 40px 0 0 0;
            background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bull/bull_title01.jpg) no-repeat center 0;
            color: #fff;
            font-size: 50px
        }

        .products .explain > .content .log15 .content > p {
            margin: 40px 0 80px;
            color: #fff;
            font-size: 16px
        }

        .products .explain > .content .log15 .content h5 {
            padding: 40px 0 0 0;
            background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bull/bull_title03.jpg) no-repeat center 0;
            color: #fff;
            font-size: 50px
        }

        .products .explain > .content .log15 .content table {
            margin: 30px auto 0;
            border: 0
        }

    .products .explain > .content .log_16_1 {
        margin: 80px 0 100px;
        padding: 0 4%;
        overflow: hidden;
    }

        .products .explain > .content .log_16_1 ul li {
            float: left;
            width: 30%;
            margin: 0 0 0 5%
        }

            .products .explain > .content .log_16_1 ul li.first {
                margin: 0
            }

            .products .explain > .content .log_16_1 ul li .content img {
                width: 100%
            }

            .products .explain > .content .log_16_1 ul li .content h5 {
                margin: 30px 0 20px;
                color: #34322f;
                font-size: 30px;
                line-height: 30px
            }

            .products .explain > .content .log_16_1 ul li .content p {
                color: #777;
                font-size: 14px;
                line-height: 24px
            }

                .products .explain > .content .log_16_1 ul li .content p.sub_star {
                    margin: 10px 0;
                }

        .products .explain > .content .log_16_1 ul.length02 {
            width: 104%;
        }

            .products .explain > .content .log_16_1 ul.length02 li {
                float: left;
                width: 46%;
                margin: 0 4% 15% 0
            }

                .products .explain > .content .log_16_1 ul.length02 li.first {
                    margin: 0 4% 0 0
                }

    /* 추가 */
    .products .explain > .content .log_17_1 {
        margin: 80px 0 100px;
        padding: 0 3% 0 4%;
        overflow: hidden;
    }

        .products .explain > .content .log_17_1 ul li {
            float: left;
            width: 47%;
            margin: 0 0 0 5%
        }

            .products .explain > .content .log_17_1 ul li.first {
                margin: 0
            }

            .products .explain > .content .log_17_1 ul li .content img {
                width: 100%
            }

            .products .explain > .content .log_17_1 ul li .content h5 {
                margin: 30px 0 20px;
                color: #34322f;
                font-size: 30px;
                line-height: 30px
            }

            .products .explain > .content .log_17_1 ul li .content p {
                color: #777;
                font-size: 14px;
                line-height: 24px
            }

                .products .explain > .content .log_17_1 ul li .content p.sub_star {
                    margin: 10px 0;
                }

        .products .explain > .content .log_17_1 ul.length02 {
            width: 104%;
        }

            .products .explain > .content .log_17_1 ul.length02 li {
                float: left;
                width: 46%;
                margin: 0 4% 15% 0
            }

                .products .explain > .content .log_17_1 ul.length02 li.first {
                    margin: 0 4% 0 0
                }

    .products .explain > .content .log19 .content {
        padding: 80px 4% 150px;
        background: #f5f5f5;
        text-align: center
    }

        .products .explain > .content .log19 .content h4 {
            padding: 40px 0 0 0;
            background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bull/bull_title01.jpg) no-repeat center 0;
            font-size: 50px
        }

        .products .explain > .content .log19 .content img {
            width: 100%;
            margin: 20px 0 0
        }

        .products .explain > .content .log19 .content h5 {
            margin: 100px 0 30px;
            padding: 30px 0 0 0;
            background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bull/bull_title04.jpg) no-repeat center 0;
            font-size: 40px
        }

        .products .explain > .content .log19 .content table {
            margin: 0 auto
        }

        .products .explain > .content .log19 .content span {
            display: block;
            width: 92%;
            margin: 30px auto 0;
            color: #777;
            font-size: 14px;
            line-height: 22px
        }

    /* [0422_수정]f550 추가된 하단배너 */
    .products .imgarea2 .textarea h4.title {
        ;
        padding: 30px 0 0 0;
        background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bull/bull_title01.jpg) no-repeat center 0;
        font-size: 45px;
        display: block;
    }

    .products .imgarea2 .textarea h5 {
        margin: 50px 0;
        font-size: 24px
    }

    .products .imgarea2 .textarea .check_list {
        text-align: left;
        padding: 35px 0;
        width: 63%;
        margin: 0 auto
    }

        .products .imgarea2 .textarea .check_list li {
            float: left;
            width: 45%;
            margin: 5px 0;
            padding: 0 0 0 30px;
            background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bull/bull_check01.png) no-repeat 0 center;
            font-size: 16px;
            color: #666
        }

    .products .imgarea2 .textarea .btn_area {
        margin: 20px 0 80px 0
    }

    .products .content2_bg {
        background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bg/bg_dashcam.jpg) no-repeat #f8f8f2;
        background-size: 100%
    }

    .products .imgarea2 .imgarea {
        font-size: 0;
        overflow: hidden;
        text-align: center
    }

        .products .imgarea2 .imgarea img {
            width: 100%
        }

    .products .imgarea2 .textarea {
        height: 100%;
        text-align: center
    }

    .products .explain > .content .log20 .content {
        margin: 80px auto 50px;
        padding: 0 4%;
        text-align: center
    }

        .products .explain > .content .log20 .content > h4 {
            padding: 40px 0 0 0;
            background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bull/bull_title01.jpg) no-repeat center 0;
            font-size: 50px;
            line-height: 50px
        }

        .products .explain > .content .log20 .content > h5 {
            margin: 90px 0 70px;
            padding: 30px 0 0 0;
            background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bull/bull_title04.jpg) no-repeat center 0;
            font-size: 40px
        }

        .products .explain > .content .log20 .content .imgarea {
            margin: 30px 0;
            text-align: center
        }

            .products .explain > .content .log20 .content .imgarea .textarea2 {
                margin-left: 50%;
                width: 50%;
            }

            .products .explain > .content .log20 .content .imgarea h5 {
                padding: 0 0 20px;
                font-size: 30px;
                line-height: 30px;
            }

                .products .explain > .content .log20 .content .imgarea h5.first {
                    padding: 40px 0 20px;
                    background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bull/bull_title04.jpg) no-repeat center 0;
                }

            .products .explain > .content .log20 .content .imgarea ul li {
                width: 100%;
                display: inline-block;
                text-align: center;
                clear: both;
                margin-bottom: 50px;
                vertical-align: middle;
            }

                .products .explain > .content .log20 .content .imgarea ul li.w100 .textarea2 {
                    margin-left: 0;
                    width: 100%;
                }

                .products .explain > .content .log20 .content .imgarea ul li.w100 img {
                    width: 100%;
                    margin: 0 0 30px;
                    float: none;
                }

                .products .explain > .content .log20 .content .imgarea ul li h6 {
                    margin: 30px 0 20px;
                    font-size: 18px
                }

                .products .explain > .content .log20 .content .imgarea ul li p {
                    color: #777;
                    font-size: 16px;
                    line-height: 26px;
                }

                .products .explain > .content .log20 .content .imgarea ul li img {
                    float: left;
                    width: 50%;
                    margin-right: 20px;
                }

                .products .explain > .content .log20 .content .imgarea ul li.fr .textarea2 {
                    margin: 0 50% 0 0;
                }

                .products .explain > .content .log20 .content .imgarea ul li.fr img {
                    float: right;
                    margin: 0 0 0 20px;
                }

            .products .explain > .content .log20 .content .imgarea span.bull_star_nobg {
                font-size: 16px;
                color: #777
            }

        .products .explain > .content .log20 .content .imgarea2 {
            margin: 50px 0 130px;
            text-align: center
        }

            .products .explain > .content .log20 .content .imgarea2 h5 {
                padding: 30px 0 0 0;
                font-size: 30px
            }

            .products .explain > .content .log20 .content .imgarea2 p {
                margin: 15px 0 30px;
                color: #777;
                font-size: 14px;
                line-height: 22px
            }

            .products .explain > .content .log20 .content .imgarea2 ul li {
                float: left;
                width: 47%;
                margin: 0 3% 0 0;
                text-align: center
            }

                .products .explain > .content .log20 .content .imgarea2 ul li img {
                    width: 100%
                }

                .products .explain > .content .log20 .content .imgarea2 ul li p {
                    color: #777;
                    font-size: 16px;
                    width: 100%;
                }

        .products .explain > .content .log20 .content .imgarea3.first {
            padding-top: 80px;
        }

        .products .explain > .content .log20 .content .imgarea3 ul li {
            margin: 0 0 60px 0;
            text-align: center
        }

            .products .explain > .content .log20 .content .imgarea3 ul li h5 {
                padding: 40px 0 0 0;
                background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bull/bull_title04.jpg) no-repeat center 0;
                font-size: 40px
            }

            .products .explain > .content .log20 .content .imgarea3 ul li img {
                margin: 30px 0;
                width: 100%;
            }

            .products .explain > .content .log20 .content .imgarea3 ul li p {
                color: #777;
                font-size: 16px;
                line-height: 26px
            }

            .products .explain > .content .log20 .content .imgarea3 ul li.fl_con {
                overflow: hidden;
            }

                .products .explain > .content .log20 .content .imgarea3 ul li.fl_con img {
                    float: left;
                    width: 45%;
                    margin: 60px 3% 0 0;
                }

                .products .explain > .content .log20 .content .imgarea3 ul li.fl_con p {
                    float: left;
                    width: 45%;
                    margin: 60px 0;
                }

    .products .explain > .content .log21 .content {
        margin: 80px auto 50px;
        padding: 0 4%;
        text-align: center
    }

        .products .explain > .content .log21 .content > h4 {
            padding: 40px 0 0 0;
            background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bull/bull_title01.jpg) no-repeat center 0;
            font-size: 50px;
            line-height: 50px
        }

        .products .explain > .content .log21 .content > p {
            font-size: 18px;
            line-height: 28px;
            color: #777777;
            margin: 40px 0 0 0;
        }

        .products .explain > .content .log21 .content > div {
            margin: 80px 0 0 0;
        }

        .products .explain > .content .log21 .content .icon_area {
            overflow: hidden;
            width: 84%;
            margin: 70px auto 0;
        }

            .products .explain > .content .log21 .content .icon_area > dl {
                float: left;
                margin-right: 2%;
                width: 18%
            }

                .products .explain > .content .log21 .content .icon_area > dl dt {
                    width: 100%;
                    margin-bottom: 20px;
                }

                    .products .explain > .content .log21 .content .icon_area > dl dt img {
                        width: 100%;
                    }

                .products .explain > .content .log21 .content .icon_area > dl.last {
                    margin-right: 0;
                }

                .products .explain > .content .log21 .content .icon_area > dl dd.tit {
                    font-weight: bold;
                }

        .products .explain > .content .log21 .content h5 {
            font-size: 35px;
            color: #777777;
            line-height: 50px;
            margin: 30px 0 30px 0;
        }

        .products .explain > .content .log21 .content li {
            margin-top: 85px;
        }

            .products .explain > .content .log21 .content li p, .products .explain > .content .log21 .content li dd {
                font-size: 16px;
                line-height: 26px;
                color: #777;
                margin: 0 0 4% 0;
            }

        .products .explain > .content .log21 .content .log21_1 {
            overflow: hidden;
        }

            .products .explain > .content .log21 .content .log21_1 > div {
                float: left;
                width: 47%;
                margin: 50px 0 0 0;
            }

                .products .explain > .content .log21 .content .log21_1 > div.imgarea {
                    margin-right: 2%;
                    width: 50%
                }

                    .products .explain > .content .log21 .content .log21_1 > div.imgarea img {
                        width: 100%
                    }

        /* 신규 추가 */
        .products .explain > .content .log21 .content .Saferoad > h4 {
            padding: 40px 0 0 0;
            background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bull/bull_title01.jpg) no-repeat center 0;
            font-size: 50px;
            line-height: 50px
        }

        .products .explain > .content .log21 .content .Saferoad > p {
            font-size: 18px;
            line-height: 28px;
            color: #777777;
            margin: 40px 0 0 0;
        }

        .products .explain > .content .log21 .content .Saferoad > div {
            margin: 40px 0 80px 0;
        }

        .products .explain > .content .log21 .content .Saferoad .imgarea {
            overflow: hidden;
        }

        .products .explain > .content .log21 .content .Saferoad dl {
            float: left;
            width: 49%;
        }

            .products .explain > .content .log21 .content .Saferoad dl.first {
                margin: 0 2% 0 0;
            }

        .products .explain > .content .log21 .content .Saferoad dt {
            margin: 0 0 40px 0;
            width: 100%
        }

            .products .explain > .content .log21 .content .Saferoad dt img {
                width: 100%;
            }

        .products .explain > .content .log21 .content .Saferoad dl dd {
            font-size: 16px;
            line-height: 26px;
            color: #777;
        }

        .products .explain > .content .log21 .content .Saferoad .p_size {
            font-size: 18px;
            line-height: 26px;
            color: #34322f;
            font-weight: 400;
        }

        .products .explain > .content .log21 .content .Saferoad .imgarea > p {
            font-size: 18px;
            margin: 0 0 80px 0;
        }
        /* 악세서리 추가 CSS*/
        .products .explain > .content .log21 .content .acc > h4 {
            padding: 40px 0 0 0;
            background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bull/bull_title01.jpg) no-repeat center 0;
            font-size: 50px;
            line-height: 50px
        }

        .products .explain > .content .log21 .content .acc > p {
            font-size: 18px;
            line-height: 28px;
            color: #777777;
            margin: 40px 0 0 0;
        }

        .products .explain > .content .log21 .content .acc > div {
            margin: 40px 0 80px 0;
        }

        .products .explain > .content .log21 .content .acc .imgarea {
            overflow: hidden;
        }

            /* 20200706 h4 css 추가 */
            .products .explain > .content .log21 .content .acc .imgarea > h4 {
                padding: 5px 0 0 0;
                background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bull/bull_title01.jpg) no-repeat left 0;
                font-size: 25px;
                line-height: 50px;
                text-align: left;
            }

        .products .explain > .content .log21 .content .acc dl {
            float: left;
            width: 48%;
            margin: 5% 4% 0 0;
        }

            .products .explain > .content .log21 .content .acc dl.first {
                margin: 5% 4% 0 0;
            }

            .products .explain > .content .log21 .content .acc dl.second {
                margin: 5% 0 0 0;
            }

        .products .explain > .content .log21 .content .acc dt {
            margin: 0;
            width: 100%
        }

            .products .explain > .content .log21 .content .acc dt img {
                width: 100%;
            }

        .products .explain > .content .log21 .content .acc dl dd {
            font-size: 16px;
            line-height: 26px;
            color: #777;
        }

        .products .explain > .content .log21 .content .acc .p_size {
            font-size: 18px;
            line-height: 26px;
            color: #34322f;
            font-weight: 400;
            letter-spacing: -1px;
        }

        .products .explain > .content .log21 .content .acc .imgarea > p {
            font-size: 18px;
            margin: 0 0 80px 0;
        }

    /*악세서리 View 영역*/
    div.slideshow img {
        width: 475px !important;
        height: 475px !important;
    }

    ul.thumbs img {
        width: 154px !important;
    }

    .content .con_wrap {
        overflow: hidden;
    }

        .content .con_wrap #con_text {
            float: left;
            width: 100%;
            text-align: left;
        }

            .content .con_wrap #con_text h1 {
                margin-top: 20px;
                font-size: 24px;
                font-weight: 500;
            }

            .content .con_wrap #con_text h2 {
                font-size: 19px;
            }

            .content .con_wrap #con_text p {
                margin-top: 20px;
                font-size: 17px;
            }

    div#content {
        float: none !important;
        margin: 0 auto !important;
    }

    .content .product_info {
        margin-top: 40px;
    }

        .content .product_info table {
            width: 100%;
            text-align: left;
            font-size: 16px;
        }

            .content .product_info table caption {
                font-size: 20px;
                text-align: left;
                border-bottom: 1px solid #ccc;
                height: 40px;
                line-height: 40px;
                font-weight: 500;
            }

            .content .product_info table tr {
                border-bottom: 1px solid #eee;
            }

            .content .product_info table ul li {
                width: 100%;
                margin: 10px 0 !important;
            }

            .content .product_info table .thd {
                width: 100px;
                color: #3898d3;
            }

            /* 20200715 표 css 추가 */
            .content .product_info table .box_wrap {
                padding: 10px 15px;
            }

            .content .product_info table .box1 {
                border-width: 1px 1px 0px 0px;
                border-style: solid solid none none;
                border-color: rgb(0, 0, 0) rgb(0, 0, 0) currentColor currentColor;
                border-image: none;
            }

                .content .product_info table .box1 td {
                    border-width: 0px 0px 1px 1px;
                    border-style: none none solid solid;
                    border-color: currentColor currentColor rgb(0, 0, 0) rgb(0, 0, 0);
                    width: 211px;
                    height: 28px;
                }

                    .content .product_info table .box1 td.tit {
                        background-color: rgb(172, 172, 172);
                    }

                        .content .product_info table .box1 td.tit p {
                            text-align: center;
                        }

                        .content .product_info table .box1 td.tit span {
                            color: rgb(0, 0, 0);
                        }

    /* 20200715  Radar_module 표 */
    .content .product_info2 {
        padding-top: 40px;
        width: 70%;
    }

        .content .product_info2 .box2 {
            border-width: 1px 1px 0px 0px;
            border-style: solid solid none none;
            border-color: rgb(0, 0, 0) rgb(0, 0, 0) currentColor currentColor;
            border-image: none;
            padding: 10px 15px;
            font-size: 16px;
        }

            .content .product_info2 .box2 td {
                border-width: 0px 0px 1px 1px;
                border-style: none none solid solid;
                border-color: currentColor currentColor rgb(0, 0, 0) rgb(0, 0, 0);
                width: 211px;
                height: 28px;
            }


    .log21 .content {
        margin: 40px auto 40px !important;
    }

    .products .explain > .content .log21 .content .acc_detail h1 {
        font-size: 20px;
        text-align: left;
        border-bottom: 1px solid #ccc;
        height: 40px;
        line-height: 40px;
        font-weight: 500;
    }

    .products .explain > .content .log21 .content .acc_detail {
        overflow: hidden;
    }

        .products .explain > .content .log21 .content .acc_detail > div {
            float: left;
            width: 100%;
            margin: 0 0 80px 0;
        }

            .products .explain > .content .log21 .content .acc_detail > div.imgarea {
                margin-right: 5%;
            }

        .products .explain > .content .log21 .content .acc_detail .imgarea {
            overflow: hidden;
        }

        .products .explain > .content .log21 .content .acc_detail dl {
            float: left;
            width: 48%;
            margin: 2% 0 0 0;
        }

            .products .explain > .content .log21 .content .acc_detail dl.first {
                margin: 2% 4% 0 0;
            }

            .products .explain > .content .log21 .content .acc_detail dl.second {
                margin: 2% 0 0 0;
            }

        .products .explain > .content .log21 .content .acc_detail dt {
        }

        .products .explain > .content .log21 .content .acc_detail dl dd {
            font-size: 16px;
            line-height: 26px;
            color: #777;
        }

    /* // 신규 추가 */
    .products .explain > .content .log21 .content .log21_2 .imgarea {
        overflow: hidden;
    }

    .products .explain > .content .log21 .content .log21_2 dl {
        float: left;
        width: 49%;
    }

        .products .explain > .content .log21 .content .log21_2 dl.first {
            margin: 0 2% 0 0;
        }

    .products .explain > .content .log21 .content .log21_2 dt {
        margin: 0 0 40px 0;
        width: 100%
    }

        .products .explain > .content .log21 .content .log21_2 dt img {
            width: 100%;
        }

    .products .explain > .content .log21 .content .log21_2 > p {
        font-size: 18px;
        margin: 0 0 80px 0;
    }

    .products .explain > .content .log21 .content .log21_2 .detail {
        margin: 70px 0 150px 0;
    }

        .products .explain > .content .log21 .content .log21_2 .detail p {
            font-size: 18px;
            line-height: 28px;
        }

    .products .explain > .content .log22 {
        background: #f5f5f5;
        padding: 20px 0 90px 0;
    }

        .products .explain > .content .log22 .content {
            margin: 80px auto 50px;
            padding: 0 4%;
            text-align: center
        }

            .products .explain > .content .log22 .content h5 {
                padding: 30px 0 0 0;
                background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bull/bull_title05.jpg) no-repeat center 0;
                font-size: 40px;
                line-height: 50px
            }

            .products .explain > .content .log22 .content caption {
                text-indent: -9999px;
                overflow: hidden;
            }

        .products .explain > .content .log22 table.type01 {
            margin: 30px 0
        }

            .products .explain > .content .log22 table.type01 th {
                border-top: 1px solid #d5d6d8;
                background: #eeeeee;
            }

            .products .explain > .content .log22 table.type01 td {
                line-height: 28px;
                padding: 10px;
            }

        .products .explain > .content .log22 .content span {
            font-size: 14px;
            color: #7296ba;
            line-height: 22px;
            display: block;
        }

        .products .explain > .content .log22 .content dl {
            text-align: left;
            margin: 36px 0 0 0;
        }

            .products .explain > .content .log22 .content dl.first {
                margin: 80px 0 0 0;
            }

            .products .explain > .content .log22 .content dl dt {
                font-size: 30px;
                line-height: 34px;
                color: #34322f;
                margin: 0 0 10px 0;
            }

            .products .explain > .content .log22 .content dl dd {
                font-size: 16px;
                line-height: 26px;
                color: #777;
            }

                .products .explain > .content .log22 .content dl dd.first {
                    margin: 0 0 24px 0;
                }

    .products .explain > .content .log23 {
        background: #f5f5f5;
        padding: 20px 0 90px 0;
    }

        .products .explain > .content .log23 .content {
            width: 1200px;
            margin: 60px auto 40px;
            text-align: center
        }

            .products .explain > .content .log23 .content h5 {
                padding: 30px 0 0 0;
                background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bull/bull_title05.jpg) no-repeat center 0;
                font-size: 40px;
                line-height: 50px
            }

            .products .explain > .content .log23 .content caption {
                text-indent: -9999px;
                overflow: hidden;
            }

        .products .explain > .content .log23 table.type01 {
            margin: 30px 0
        }

            .products .explain > .content .log23 table.type01 th {
                border-top: 1px solid #d5d6d8;
                background: #eeeeee;
            }

            .products .explain > .content .log23 table.type01 td {
                line-height: 28px;
                padding: 10px;
            }

        .products .explain > .content .log23 .content span {
            font-size: 14px;
            color: #7296ba;
            line-height: 22px;
            display: block;
        }

        .products .explain > .content .log23 .content dl {
            text-align: left;
            margin: 36px 0 0 0;
        }

            .products .explain > .content .log23 .content dl.first {
                margin: 80px 0 0 0;
            }

            .products .explain > .content .log23 .content dl dt {
                font-size: 30px;
                line-height: 34px;
                color: #34322f;
                margin: 0 0 10px 0;
            }

            .products .explain > .content .log23 .content dl dd {
                font-size: 16px;
                line-height: 26px;
                color: #777;
            }

                .products .explain > .content .log23 .content dl dd.first {
                    margin: 0 0 24px 0;
                }

    .products .explain > .content .log24 {
        background: #f5f5f5;
        padding: 20px 0 90px 0;
    }

        .products .explain > .content .log24 .content {
            margin: 80px auto 50px;
            padding: 0 4%;
            text-align: center
        }

            .products .explain > .content .log24 .content h5 {
                padding: 30px 0 0 0;
                background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bull/bull_title05.jpg) no-repeat center 0;
                font-size: 40px;
                line-height: 50px
            }

            .products .explain > .content .log24 .content caption {
                text-indent: -9999px;
                overflow: hidden;
            }

        .products .explain > .content .log24 table.type01 {
            margin: 30px 0
        }

            .products .explain > .content .log24 table.type01 th {
                border-top: 1px solid #d5d6d8;
                background: #eeeeee;
            }

            .products .explain > .content .log24 table.type01 td {
                line-height: 28px;
                padding: 10px;
            }

        .products .explain > .content .log24 .content span {
            font-size: 14px;
            color: #7296ba;
            line-height: 22px;
            display: block;
        }

        .products .explain > .content .log24 .content dl {
            text-align: left;
            margin: 36px 0 0 0;
        }

            .products .explain > .content .log24 .content dl.first {
                margin: 80px 0 0 0;
            }

            .products .explain > .content .log24 .content dl dt {
                font-size: 30px;
                line-height: 34px;
                color: #34322f;
                margin: 0 0 10px 0;
            }

            .products .explain > .content .log24 .content dl dd {
                font-size: 16px;
                line-height: 26px;
                color: #777;
            }

                .products .explain > .content .log24 .content dl dd.first {
                    margin: 0 0 24px 0;
                }

    .products .explain > .content .log25 {
        background: #f5f5f5;
        padding: 20px 0 90px 0;
    }

        .products .explain > .content .log25 .content {
            margin: 80px auto 50px;
            padding: 0 4%;
            text-align: center
        }

            .products .explain > .content .log25 .content h5 {
                padding: 30px 0 0 0;
                background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bull/bull_title05.jpg) no-repeat center 0;
                font-size: 40px;
                line-height: 50px
            }

            .products .explain > .content .log25 .content caption {
                text-indent: -9999px;
                overflow: hidden;
            }

        .products .explain > .content .log25 table.type01 {
            margin: 30px 0
        }

            .products .explain > .content .log25 table.type01 th {
                border-top: 1px solid #d5d6d8;
                background: #eeeeee;
            }

            .products .explain > .content .log25 table.type01 td {
                line-height: 28px;
                padding: 10px;
            }

        .products .explain > .content .log25 .content span {
            font-size: 14px;
            color: #7296ba;
            line-height: 22px;
            display: block;
        }

        .products .explain > .content .log25 .content dl {
            text-align: left;
            margin: 36px 0 0 0;
        }

            .products .explain > .content .log25 .content dl.first {
                margin: 80px 0 0 0;
            }

            .products .explain > .content .log25 .content dl dt {
                font-size: 30px;
                line-height: 34px;
                color: #34322f;
                margin: 0 0 10px 0;
            }

            .products .explain > .content .log25 .content dl dd {
                font-size: 16px;
                line-height: 26px;
                color: #777;
            }

                .products .explain > .content .log25 .content dl dd.first {
                    margin: 0 0 24px 0;
                }

    /*procuct_submain 0916추가*/
    .products .content_list ul li .img, .products .content_list div .img {
        font-size: 0;
    }

    .products .content_list .review_w {
        position: relative;
        width: 100%;
        margin-top: 20px;
    }

        .products .content_list .review_w:after {
            display: block;
            content: "";
            clear: both;
        }

    .products .content_list .r_news {
        margin-bottom: 20px;
        width: 92.6%
    }

        .products .content_list .r_news .news_tit {
            font-size: 30px;
            font-weight: bold;
            width: 100%;
        }

        .products .content_list .r_news .bod {
            border-top: 2px solid #c2c2c2;
            margin-bottom: 10px;
            width: 100%
        }

        .products .content_list .r_news p {
            font-size: 18px;
            margin-bottom: 10px; /*white-space:nowrap;text-overflow:ellipsis;overflow:hidden;*/
        }

        .products .content_list .r_news .origin {
            font-size: 14px;
            color: #C2c2c2;
            margin-left: 1.3%;
            display: block
        }

        .products .content_list .r_news a:hover {
            text-decoration: underline;
        }

    .products .content_list .r_rig {
        display: block;
        float: left;
        width: 30%;
    }

        .products .content_list .r_rig img {
            width: 80%;
        }

    .products .content_list .r_lef {
        display: inline-block;
        float: left;
        width: 65%;
    }

    .products .content_list .r_rig .textarea {
        position: relative;
        width: 80%;
        height: 80%;
        background: #f0f0f0;
        letter-spacing: -1px
    }

    .products .content_list .r_rig h3 {
        font-size: 14px;
        font-weight: bold;
        color: #34322f;
        padding: 20px 0 0 20px;
    }

    .products .content_list .r_rig p {
        font-size: 13px;
        color: #777;
        padding-left: 20px;
    }

    .products .content_list .r_rig span {
        position: absolute;
        right: 19px;
        top: 71px;
        color: #008aeb;
        text-decoration: underline;
        font-weight: bold;
    }

    .products .content_list .r_lef .textarea {
        position: relative;
        width: 386px;
        height: 105px;
        background: #f0f0f0;
        letter-spacing: -1px
    }

    .products .content_list .r_lef h3 {
        font-size: 18px;
        font-weight: bold;
        color: #34322f;
        padding: 20px 0 0 20px;
    }

    .products .content_list .r_lef p {
        font-size: 14px;
        color: #777;
        padding-left: 20px;
    }

    .products .content_list .r_lef span {
        position: absolute;
        right: 19px;
        top: 71px;
        color: #008aeb;
        text-decoration: underline;
        font-weight: bold;
    }

    .products .content_list .r_lef ul li {
        float: left;
        display: block;
        width: 386px;
    }

        .products .content_list .r_lef ul li:nth-child(even) {
            padding-bottom: 20px;
        }

        .products .content_list .r_lef ul li:nth-child(odd) {
            padding-right: 20px;
        }

    .products .content_list .rew_sns {
        height: 355px;
        padding-top: 20px;
    }

        .products .content_list .rew_sns:after {
            display: block;
            content: "";
            clear: both;
        }

        .products .content_list .rew_sns .rs_rig {
            float: left;
            width: 386px;
            padding-right: 18px
        }

        .products .content_list .rew_sns .rs_lef {
            float: left;
            width: 793px;
        }
        /*.products .content_list .rew_sns li:first-child{padding-right:20px;}*/
        .products .content_list .rew_sns .textarea2 {
            position: relative;
            width: 386px;
            height: 40px;
            background: #0197ed;
        }

        .products .content_list .rew_sns .textarea3 {
            position: relative;
            width: 793px;
            height: 40px;
            background: #506ecf;
        }

        .products .content_list .rew_sns .textarea2 h3 {
            position: absolute;
            left: 20px;
            top: -56px;
            font-size: 18px;
            color: #fff;
            font-weight: bold;
        }

        .products .content_list .rew_sns .textarea2 .r_txt {
            color: #fff;
            line-height: 40px;
            padding: 0 20px;
        }

        .products .content_list .rew_sns .textarea2 .r_more {
            position: absolute;
            right: 10px;
            top: 10px;
            color: #fff;
            text-decoration: underline;
        }

        .products .content_list .rew_sns .textarea3 h3 {
            position: absolute;
            left: 20px;
            top: -56px;
            font-size: 18px;
            letter-spacing: -1px;
            font-weight: bold;
            color: #fff;
        }

        .products .content_list .rew_sns .textarea3 .r_txt {
            color: #fff;
            line-height: 40px;
            padding: 0 20px;
            ;
        }

        .products .content_list .rew_sns .textarea3 .r_more {
            position: absolute;
            right: 10px;
            top: 10px;
            color: #fff;
            text-decoration: underline;
        }

    /*procuct_submain 0916추가*/
    .products .content_list ul li .img, .products .content_list div .img {
        font-size: 0;
    }

    .products .content_list .review_w {
        position: relative;
        width: 100%;
        margin-top: 20px;
        margin-left: 3%
    }

        .products .content_list .review_w:after {
            display: block;
            content: "";
            clear: both;
        }

    .products .content_list .r_rig {
        display: block;
        float: left;
        width: 30%;
        height: 100%;
        padding-right: 18px;
    }

        .products .content_list .r_rig ul {
            width: 100%;
            height: 100%;
        }

    .products .content_list .r_lef ul li {
        width: 45%;
        height: 100% /*margin:0 0 5px 0;*/
    }

    .products .content_list .r_rig img {
        width: 100%;
    }

    .products .content_list .r_lef img {
        width: 100%;
    }

    .products .content_list .r_lef {
        display: inline-block;
        width: 65%;
    }

    .products .content_list .r_rig .textarea {
        position: relative;
        width: 100%;
        height: 100%;
        background: #f0f0f0;
        letter-spacing: -1px;
        min-height: 133px
    }

    .products .content_list .r_rig h3 {
        font-size: 14px;
        font-weight: bold;
        color: #34322f;
        padding: 10px 0 0 10px;
    }

    .products .content_list .r_rig p {
        font-size: 13px;
        color: #777;
        padding-left: 10px;
    }

    .products .content_list .r_rig span {
        position: absolute;
        right: 3%;
        top: 85%;
        font-size: 11px;
        color: #008aeb;
        text-decoration: underline;
    }

    .products .content_list .r_lef .textarea {
        position: relative;
        width: 100%;
        height: 100%;
        background: #f0f0f0;
        letter-spacing: -1px;
        min-height: 105px
    }

    .products .content_list .r_lef h3 {
        font-size: 14px;
        font-weight: bold;
        color: #34322f;
        padding: 10px 0 0 10px;
    }

    .products .content_list .r_lef p {
        font-size: 14px;
        color: #777;
        padding-left: 10px;
    }

    .products .content_list .r_lef span {
        position: absolute;
        right: 3%;
        top: 80%;
        font-size: 11px;
        color: #008aeb;
        text-decoration: underline;
    }

    .products .content_list .r_lef ul li {
        float: left;
        display: block;
    }

        .products .content_list .r_lef ul li:nth-child(even) {
            padding-bottom: 20px;
        }

        .products .content_list .r_lef ul li:nth-child(odd) {
            padding-right: 20px;
        }

    .products .content_list .rew_sns {
        width: 100%;
        margin-left: 3%
    }

        .products .content_list .rew_sns .rs_rig {
            float: left;
            width: 30%;
            margin: 0 0 20px 0;
        }

            .products .content_list .rew_sns .rs_rig img {
                width: 100%;
            }

        .products .content_list .rew_sns .rs_lef {
            float: left;
            width: 65%;
            margin: 0 0 20px 0;
        }

            .products .content_list .rew_sns .rs_lef img {
                width: 95%;
            }

        .products .content_list .rew_sns .textarea2 {
            position: relative;
            width: 100%;
            height: 40px;
            background: #0197ed;
        }

        .products .content_list .rew_sns .textarea3 {
            position: relative;
            width: 95%;
            height: 40px;
            background: #506ecf;
        }

        .products .content_list .rew_sns .textarea2 h3 {
            position: absolute;
            left: 10px;
            top: -5em;
            font-size: 18px;
            color: #fff;
            font-weight: bold;
        }

        .products .content_list .rew_sns .textarea2 .r_txt {
            color: #fff;
            line-height: 25px;
            padding: 0 10px;
        }

        .products .content_list .rew_sns .textarea2 .r_more {
            position: absolute;
            right: 3%;
            top: 50%;
            color: #fff;
            text-decoration: underline;
        }

        .products .content_list .rew_sns .textarea3 h3 {
            position: absolute;
            left: 10px;
            top: -86px;
            font-size: 18px;
            letter-spacing: -1px;
            font-weight: bold;
            color: #fff;
        }

        .products .content_list .rew_sns .textarea3 .r_txt {
            color: #fff;
            line-height: 25px;
            padding: 0 10px;
        }

        .products .content_list .rew_sns .textarea3 .r_more {
            position: absolute;
            right: 3%;
            top: 50%;
            color: #fff;
            text-decoration: underline;
        }

    .products > .event_imgarea .textarea4 {
        position: absolute;
        top: 73%;
        left: 26%;
    }

        .products > .event_imgarea .textarea4 .l_txt {
            font-size: 23px;
            color: #fff;
            font-weight: bold;
        }

        .products > .event_imgarea .textarea4 .l_txt1 {
            font-size: 15px;
            color: #fff;
        }

    /* 20150310 추가 이벤트 페이지 */
    .products .event_list .review_w {
        position: relative;
        width: 100%;
        margin-top: 20px;
    }

        .products .event_list .review_w img {
            position: relative;
            width: 100%;
        }

    .products > .event_imgarea {
        position: relative;
        text-align: center;
        padding-top: 20px;
    }

        .products > .event_imgarea .img img {
            width: 100%;
        }

    .products .event_list .rew_prod {
        height: 155px;
        padding-top: 20px;
    }

        .products .event_list .rew_prod:after {
            display: block;
            content: "";
            clear: both;
        }

        .products .event_list .rew_prod .rs_rig {
            float: left;
            width: 85%
        }

        .products .event_list .rew_prod .rs_lef {
            float: left;
            width: 15%
        }

        .products .event_list .rew_prod .textarea2 {
            position: relative;
            width: 100%;
            height: 150px;
            background: #efd144;
        }

        .products .event_list .rew_prod .textarea3 {
            position: relative;
            width: 100%;
            height: 150px;
            background: #e9e8e8;
        }

        .products .event_list .rew_prod .textarea2 h3 {
            position: absolute;
            left: 20px;
            top: -56px;
            font-size: 18px;
            color: #fff;
            font-weight: bold;
        }

        .products .event_list .rew_prod .textarea2 .r_txt {
            color: #fff;
            line-height: 40px;
            text-align: center;
            padding-top: 30px;
            font-weight: bold;
            font-size: 40px;
        }

        .products .event_list .rew_prod .textarea3 h3 {
            position: absolute;
            left: 20px;
            top: -56px;
            font-size: 18px;
            letter-spacing: -1px;
            font-weight: bold;
            color: #fff;
        }

        .products .event_list .rew_prod .textarea3 .r_tit {
            color: #000;
            line-height: 20px;
            padding-left: 31%;
            padding-top: 35px;
            font-size: 40px;
            font-weight: bold;
        }

        .products .event_list .rew_prod .textarea3 .r_txt {
            color: #000;
            line-height: 20px;
            text-align: left;
            padding-top: 20px;
            font-size: 18px;
            padding-left: 31%;
        }

            .products .event_list .rew_prod .textarea3 .r_txt del {
                color: #000;
                line-height: 20px;
                text-align: left;
                padding-top: 20px;
                font-size: 18px;
            }

            .products .event_list .rew_prod .textarea3 .r_txt span {
                color: red;
                line-height: 24px;
                text-align: center;
                padding-top: 20px;
                font-size: 25px;
                font-weight: bold;
            }

        .products .event_list .rew_prod .textarea3 .r_txt1 {
            color: #000;
            line-height: 20px;
            text-align: left;
            padding-top: 10px;
            font-size: 15px;
            padding-left: 31%;
        }

    .products > .event_imgarea .textarea {
        position: absolute;
        top: 5%;
        left: 15.5%;
        right: 15.5%;
    }

        .products > .event_imgarea .textarea .tit_detail {
            font-size: 30px;
            color: #fff;
        }

        .products > .event_imgarea .textarea .title {
            font-size: 60px;
            color: #fff;
        }

        .products > .event_imgarea .textarea .yr {
            font-size: 45px;
        }

    .products > .event_imgarea .textarea1 {
        position: absolute;
        top: 35%;
        left: 0%;
        right: 15.5%;
        width: 100%;
    }

        .products > .event_imgarea .textarea1 img {
            width: 30%;
        }

    .products > .event_imgarea .textarea2 {
        position: absolute;
        top: 69%;
        left: 0%;
        right: 15.5%;
        width: 100%;
    }

        .products > .event_imgarea .textarea2 .r_tit {
            font-size: 20px;
            color: #000;
            font-weight: bold;
        }

        .products > .event_imgarea .textarea2 .r_txt span {
            font-size: 60px;
            color: red;
        }

        .products > .event_imgarea .textarea2 .r_txt del {
            font-size: 40px;
            color: #fff;
        }

        .products > .event_imgarea .textarea2 .r_txt1 {
            font-size: 25px;
            color: #fff;
        }

    .products > .event_imgarea .textarea3 {
        position: absolute;
        top: 85%;
        left: 24.5%;
        right: 24.5%;
    }

        .products > .event_imgarea .textarea3 img {
            width: 100%;
        }
    /* 20150310 추가 이벤트 페이지 END */

    /*0918추가 product view 테블릿*/
    .wrap .content_acc {
        width: 100%;
        margin: 0 auto;
    }

        .wrap .content_acc .titop {
            width: 93%;
            margin: 0 auto;
            height: 274px;
            border-bottom: 1px solid #696969;
        }

            .wrap .content_acc .titop p {
                padding-top: 110px;
                font-size: 70px;
                vertical-align: top;
                color: #333;
                font-weight: normal;
                text-align: center;
                line-height: 70px;
                letter-spacing: -2px
            }

        .wrap .content_acc .proP {
            position: relative;
            width: 93%;
            margin: 0 auto;
            padding: 20px 0;
            border-bottom: 1px solid #696969;
        }

            .wrap .content_acc .proP:last-child {
                border-bottom: none;
            }

            .wrap .content_acc .proP .imgarea {
                width: 60%;
                padding: 8% 0;
            }

                .wrap .content_acc .proP .imgarea img {
                    width: 100%
                }

            .wrap .content_acc .proP .blur {
                width: 65%;
                background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bg/bg_ac_blur.png) no-repeat 60% 50%;
            }

                .wrap .content_acc .proP .blur > div {
                    text-align: center;
                    padding: 12%
                }

            .wrap .content_acc .proP h3 {
                font-size: 40px;
                color: #333;
                font-weight: normal;
                padding-bottom: 42px
            }

            .wrap .content_acc .proP p {
                font-size: 16px;
                color: #777;
                letter-spacing: -1px;
                line-height: 28px
            }

        .wrap .content_acc .pr_01 .txtarea1 {
            position: absolute;
            top: 25%;
            left: 40%;
            text-align: center;
        }

        .wrap .content_acc .pr_02 .txtarea2 {
            position: absolute;
            top: 12%;
            left: 0;
            text-align: center;
            width: 65%
        }

        .wrap .content_acc .pr_03 .txtarea3 {
            position: absolute;
            top: 12%;
            left: 40%;
            text-align: center;
        }

        .wrap .content_acc .pr_04 .txtarea4 {
            position: absolute;
            top: 8%;
            left: 0;
            text-align: center;
        }

        .wrap .content_acc .pr_05 .txtarea5 {
            position: absolute;
            top: 0%;
            left: 40%;
            text-align: center;
        }

        .wrap .content_acc .pr_06 .txtarea6 {
            position: absolute;
            top: 8%;
            left: 0;
            text-align: center;
        }

        .wrap .content_acc .proP .align_r {
            float: right;
        }

        .wrap .content_acc .align_l {
            padding-left: 60px;
        }

        .wrap .content_acc .align_r {
            padding-right: 80px;
        }

        .wrap .content_acc .pr_02 .txtarea2 > div {
            padding: 2% 16%
        }

        .wrap .content_acc .pr_02 .txtarea5 > div {
            padding: 2% 12%
        }

        .wrap .content_acc .pr_02 .imgarea {
            padding-top: 40px;
        }

    .wrap .content_pro {
        position: relative;
        text-align: center;
        width: 96%;
        margin-bottom: 90px;
        padding: 0 2%;
    }

        .wrap .content_pro .titop_pcV {
            text-align: center;
            width: 100%;
        }

            .wrap .content_pro .titop_pcV .tittop_tit {
                display: none;
            }

            .wrap .content_pro .titop_pcV .m_tittop_tit {
                padding-top: 100px;
                font-size: 70px;
                vertical-align: top;
                color: #333;
                text-align: center;
                letter-spacing: -2px;
            }

            .wrap .content_pro .titop_pcV p span {
                font-weight: normal;
            }

            .wrap .content_pro .titop_pcV .tittop_s {
                padding-top: 30px;
                font-size: 24px;
                line-height: 30px;
            }

            .wrap .content_pro .titop_pcV .tittop_ss {
                padding: 54px 0 40px 0;
                font-size: 18px;
                line-height: 28px;
                color: #777;
            }

    .wrap .content_proW {
        width: 100%;
        position: relative;
        background-color: #f5f5f5;
        height: 910px;
    }

    .wrap .content_pro .pcV p {
        font-size: 50px;
        line-height: 50px;
        text-align: left;
        letter-spacing: -2px;
    }

        .wrap .content_pro .pcV p.pcv_txt {
            font-size: 18px;
            line-height: 28px;
            color: #777;
            text-align: left;
            letter-spacing: 0;
        }

    .wrap .content_pro .prv_01 {
        padding-top: 66px;
        text-align: center;
    }

        .wrap .content_pro .prv_01 p {
            text-align: center;
            padding-bottom: 40px;
        }

            .wrap .content_pro .prv_01 p.pcv_txt {
                text-align: center;
                padding-bottom: 45px;
            }

    .wrap .content_pro .prv_02 {
        width: 100%;
        margin: 0 auto;
        padding-top: 150px;
        position: relative;
    }

        .wrap .content_pro .prv_02:after {
            display: block;
            content: '';
            clear: both;
        }

        .wrap .content_pro .prv_02 .lef_area {
            position: relative;
            float: left;
            width: 50%;
            z-index: 11;
            padding-left: 3%;
        }

            .wrap .content_pro .prv_02 .lef_area p.pcv_tit {
                padding-bottom: 40px;
                width: 100%;
            }

        .wrap .content_pro .prv_02 .rig_area {
            float: right;
            position: absolute;
            z-index: 10;
            width: 60%;
            bottom: -50px;
            right: 0;
        }

            .wrap .content_pro .prv_02 .rig_area img {
                width: 98%;
                vertical-align: middle;
            }

    .wrap .content_pro .prv_03 {
        margin: 0 auto;
        padding-top: 150px;
        position: relative;
        width: 100%;
    }

        .wrap .content_pro .prv_03:after {
            display: block;
            content: '';
            clear: both;
        }

        .wrap .content_pro .prv_03 .lef_area {
            float: left;
            width: 45%;
            text-align: left
        }

            .wrap .content_pro .prv_03 .lef_area img {
                width: 98%;
                vertical-align: middle;
            }

        .wrap .content_pro .prv_03 .rig_area {
            float: right;
            width: 45%;
        }

            .wrap .content_pro .prv_03 .rig_area p.pcv_tit {
                padding-bottom: 40px
            }

    .m_img {
        display: none;
    }

    .products .etc_product {
        padding: 59px 0 45px;
        background: #eaeaea;
    }

        .products .etc_product ul {
            margin: 0 auto;
            width: 768px;
        }
        /*	.products .etc_product ul{margin:0 auto;width:680px;}*/
        /* 20210325 */
        .products .etc_product li {
            float: left;
            width: 33%;
        }

        .products .etc_product img {
            width: 250px;
        }
        /*	.products .etc_product img{width:328px;}*/
        .products .etc_product h5 {
            padding-top: 20px;
            font-size: 18px;
            color: #34332f;
            font-weight: 400;
            text-align: center;
        }

        .products .etc_product p {
            padding-top: 4px;
            font-size: 14px;
            color: #686868;
        }

    /* CONTACT US css */
    .contact {
        padding: 0 4%
    }

        .contact > .post {
            margin: 80px auto 0
        }

            .contact > .post sup {
                color: #3898d3
            }

            .contact > .post .textarea {
                margin: 0 0 40px 0
            }

                .contact > .post .textarea h4 {
                    padding: 20px 0 0 0;
                    background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bull/bull_title02.jpg) no-repeat left 0;
                    font-size: 30px
                }

                .contact > .post .textarea p {
                    margin: 20px 0 0 0;
                    font-size: 14px;
                }

            .contact > .post .infor {
                margin: 0 0 40px 0;
                padding: 40px;
                background: #eff0f0
            }

                .contact > .post .infor input[type="text"], .contact > .post .infor textarea {
                    height: 38px;
                    border: 1px solid #e4e4e4;
                    background: #fff
                }

                .contact > .post .infor label {
                    font-size: 14px
                }

                .contact > .post .infor input {
                    width: 100%
                }

                .contact > .post .infor .name {
                    margin: 0 20px 30px 0
                }

                    .contact > .post .infor .name input {
                        width: 390px;
                        padding: 0 0 0 10px
                    }

                .contact > .post .infor .mail {
                    margin: 0 0 30px 0
                }

                    .contact > .post .infor .mail input {
                        width: 390px;
                        padding: 0 0 0 10px
                    }

                .contact > .post .infor .company {
                    margin: 0 20px 30px 0
                }

                    .contact > .post .infor .company input {
                        width: 390px;
                        padding: 0 0 0 10px
                    }

                .contact > .post .infor .title {
                    float: left;
                    width: 100%;
                    margin: 0 0 30px 0
                }

                    .contact > .post .infor .title input {
                        width: 99%;
                        padding: 0 0 0 1%
                    }

                .contact > .post .infor .contents {
                    float: left;
                    width: 100%
                }

                    .contact > .post .infor .contents textarea {
                        width: 98%;
                        max-width: 98%;
                        min-height: 120px;
                        margin: 0 0 20px 0;
                        padding: 15px 1%;
                        overflow: hidden
                    }

                .contact > .post .infor .attach {
                    float: left;
                    width: 100%;
                    margin: 0 0 10px 0
                }

                    .contact > .post .infor .attach input {
                        float: left;
                        width: 70%;
                        height: 27px;
                        padding: 0 0 0 10px
                    }

                    .contact > .post .infor .attach .btn_area {
                        float: left;
                        margin: 0 0 0 10px
                    }

                .contact > .post .infor span.point {
                    float: left;
                    font-size: 13px;
                }

            .contact > .post .btn_area {
                margin: 0 0 150px 0;
                text-align: center
            }

            .contact > .post .manage_infor {
                border-top: #bcbec0 1px dashed;
                border-bottom: #bcbec0 1px dashed;
                padding: 30px 0 19px;
                margin-bottom: 40px;
                overflow: hidden;
            }

                .contact > .post .manage_infor > div {
                    padding: 0 0 0 50px;
                }

                    .contact > .post .manage_infor > div.call {
                        background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/icon/icon_call.png) no-repeat left top;
                        float: left;
                        margin: 0 50px 15px 0;
                    }

                    .contact > .post .manage_infor > div.hours {
                        background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/icon/icon_hours.png) no-repeat left top;
                        float: left;
                        margin: 0 0 15px 0;
                    }

                    .contact > .post .manage_infor > div > p {
                        color: #777;
                        font-size: 16px
                    }

                        .contact > .post .manage_infor > div > p.title {
                            color: #333;
                            font-size: 20px;
                            margin-bottom: 8px;
                        }

    /* SUPPORT main css */
    .support .support_top {
        background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/content/support/support_home_welcome.jpg) no-repeat right bottom;
        height: 300px;
        max-width: 940px;
        margin: 0 auto;
    }

        .support .support_top p {
            color: #777;
            width: 505px;
            text-align: center;
            font-size: 16px;
        }

            .support .support_top p.title {
                font-size: 40px;
                padding-top: 60px;
                color: #333;
                width: 505px;
                text-align: left;
                margin-bottom: 25px;
                line-height: 38px;
                text-align: center;
            }

    .support .support_con {
        background: #f5f5f5;
        padding: 150px 0 80px;
    }

        .support .support_con .boxarea {
            overflow: hidden;
            width: 100%;
            margin: 0 auto 50px;
        }

            .support .support_con .boxarea ul {
                width: 104%
            }

            .support .support_con .boxarea li {
                float: left;
                width: 29%;
                margin-right: 30px;
                margin-bottom: 30px;
            }

                .support .support_con .boxarea li:nth-child(4) {
                    margin-left: 15%;
                }

                .support .support_con .boxarea li > div {
                    background: #fff;
                    text-align: center;
                    padding: 64px 0 50px;
                }

                .support .support_con .boxarea li:nth-child(1) > div {
                    min-height: 200px;
                }

                .support .support_con .boxarea li:nth-child(2) > div {
                    min-height: 200px;
                }

                .support .support_con .boxarea li:nth-child(3) > div {
                    min-height: 200px;
                }

                .support .support_con .boxarea li > div > p {
                    font-size: 16px;
                    color: #777;
                    padding: 0 35px;
                }

                    .support .support_con .boxarea li > div > p.title {
                        font-size: 26px;
                        color: #333;
                        margin-bottom: 10px;
                        padding: 0 20px
                    }

        .support .support_con .quickservice {
            border-top: dashed 1px #b5b8ba;
            width: 100%;
            margin: 0 auto;
            overflow: hidden;
            padding: 80px 0 0;
        }

            .support .support_con .quickservice p.title {
                font-size: 26px;
                color: #333;
                margin-bottom: 30px;
                text-align: center;
            }

            .support .support_con .quickservice ul {
                overflow: hidden;
                margin-left: 90px;
            }

                .support .support_con .quickservice ul li {
                    float: left;
                    width: 100%;
                    font-size: 16px;
                    color: #777;
                    padding-top: 9px;
                    margin-right: 60px;
                }

                    .support .support_con .quickservice ul li > img {
                        vertical-align: top;
                        margin-right: 8px;
                        position: relative;
                        top: 3px;
                    }

    /* SUPPORT css */
    .support .tap {
        margin: 80px auto 0;
        padding: 0 4%;
        border-radius: 5px
    }

        .support .tap ul li {
            float: left;
            width: 19.8%;
            border-right: 1px solid #fff
        }

            .support .tap ul li a {
                display: block;
                width: 100%;
                height: 47px;
                padding: 25px 0 0 0;
                background: #ccd5de;
                color: #fff;
                font-size: 16px;
                text-align: center
            }

            .support .tap ul li.first a {
                border-radius: 5px 0 0 5px;
                behavior: url(PIE.htc)
            }

            .support .tap ul li.center a {
                height: 57px;
                padding: 15px 0 0 0
            }

            .support .tap ul li.last a {
                border: 0;
                border-radius: 0 5px 5px 0;
                behavior: url(PIE.htc)
            }

            .support .tap ul li.on a {
                background: #4e545a
            }

            .support .tap ul li.on span {
                display: block;
                width: 100%;
                height: 10px;
                background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bg/bg_pointer.png) no-repeat center bottom
            }

    .support .ctrl {
        position: absolute;
        top: 0;
        right: 0;
        width: 18px;
        height: 19px
    }

    .support .arrow {
        position: absolute;
        width: 0;
        height: 0;
        top: 13px;
        right: 9px;
        border-top: 5px solid #999;
        border-left: 5px solid #f4f4f4;
        border-right: 5px solid #f4f4f4;
        font-size: 0;
        line-height: 0
    }

    /* SUPPORT download css */
    .support .download {
        margin: 10px 0 0 0
    }

        .support .download .list {
            padding: 0 4%
        }

            .support .download .list .series {
                float: left;
                width: 19.1%;
            }

                .support .download .list .series ul li {
                    border-top: 1px dashed #dadbdc;
                    color: #666;
                    font-size: 20px;
                    text-align: center
                }

                    .support .download .list .series ul li a {
                        display: block;
                        height: 50px;
                        padding: 30px 0 0 0;
                    }

                    .support .download .list .series ul li.first {
                        border: 0
                    }

                    .support .download .list .series ul li.on {
                        color: #3898d3
                    }

            .support .download .list .content {
                float: left;
                width: 80%
            }

                .support .download .list .content.series_c02 {
                    display: none
                }

                .support .download .list .content.series_c03 {
                    display: none
                }

                .support .download .list .content.series_c04 {
                    display: none
                }

                .support .download .list .content.series_c05 {
                    display: none
                }

                .support .download .list .content.series_c06 {
                    display: none
                }
                /* T700 추가 */
                .support .download .list .content.series_c07 {
                    display: none
                }

                .support .download .list .content.series_c08 {
                    display: none
                }

                .support .download .list .content ul li {
                    float: left; /*width:50%;*/
                    width: 25%;
                    font-size: 24px;
                    text-align: center;
                    padding: 26px 0;
                }

                    .support .download .list .content ul li img {
                        width: 100%;
                        display: none;
                    }

                    .support .download .list .content ul li p {
                        color: #666;
                        font-weight: normal
                    }

                    .support .download .list .content ul li.on p {
                        color: #3898d3;
                        text-decoration: underline;
                    }

        .support .download > .content {
            margin: 50px 0 0 0;
            padding: 40px 0 75px;
            background: #e8e8e8
        }

            .support .download > .content .textarea {
                padding: 0 4%;
                text-align: center
            }

                .support .download > .content .textarea h4 {
                    padding: 15px 0 0 0;
                    background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bull/bull_title01.jpg) no-repeat center 0;
                    font-size: 25px
                }

                    .support .download > .content .textarea h4 span {
                        color: #3898d3
                    }

                .support .download > .content .textarea .btn_area {
                    margin: 40px 0 50px
                }

                    .support .download > .content .textarea .btn_area a {
                        margin: 0 0 10px 0
                    }

            .support .download > .content .file {
                padding: 0 4%
            }
        /*.support .download > .content .file ul li{display:none}
	.support .download > .content .file ul li.w_hidden{display:block;width:100%;padding:10px 0;background:#fff;font-size:15px;font-weight:normal;text-align:center}*/
        .support .download .content.c_log01 {
            display: none
        }

        .support .download .content.c_log02 {
            display: none
        }

        .support .download .content.c_log03 {
            display: none
        }

        .support .download .content.c_log04 {
            display: none
        }

        .support .download .content.c_log05 {
            display: none
        }
        /*.support .download .content.c_log06{display:none}*/
        .support .download .content.c_log07 {
            display: none
        }

        .support .download .content.c_log08 {
            display: none
        }

        .support .download .content.c_log09 {
            display: none
        }

        .support .download .content.c_log10 {
            display: none
        }

        .support .download .content.c_log11 {
            display: none
        }

        .support .download .content.c_log12 {
            display: none
        }

        .support .download .content.c_log13 {
            display: none
        }

        .support .download .content.c_log14 {
            display: none
        }

        .support .download .content.c_log15 {
            display: none
        }

        .support .download > .content .file {
            width: 100%;
            margin: 0 auto
        }

            .support .download > .content .file ul .file_li {
                float: left;
                width: 44%;
                min-height: 670px;
                margin: 10px 10px;
                background: #fff;
                text-align: center
            }

                .support .download > .content .file ul .file_li h4 {
                    margin: 60px 0 20px;
                    font-size: 30px
                }

                .support .download > .content .file ul .file_li p {
                    color: #777;
                    font-size: 16px
                }

                .support .download > .content .file ul .file_li img {
                    margin: 50px 0 60px
                }

                .support .download > .content .file ul .file_li .btn_area {
                    margin: 0 0 60px 0
                }

            .support .download > .content .file ul .file_li3 {
                float: left;
                width: 44%;
                min-height: 800px;
                margin: 10px 10px;
                background: #fff;
                text-align: center
            }

                .support .download > .content .file ul .file_li3 h4 {
                    margin: 60px 0 20px;
                    font-size: 30px
                }

                .support .download > .content .file ul .file_li3 p {
                    color: #777;
                    font-size: 16px
                }

                .support .download > .content .file ul .file_li3 img {
                    margin: 50px 0 60px
                }

                .support .download > .content .file ul .file_li3 .btn_area {
                    margin: 0 0 60px 0
                }

            .support .download > .content .file ul .file_li2 {
                float: left;
                width: 44%;
                min-height: 800px;
                margin: 10px 10px;
                background: #fff;
                text-align: center
            }

                .support .download > .content .file ul .file_li2 h4 {
                    margin: 60px 0 20px;
                    font-size: 30px
                }

                .support .download > .content .file ul .file_li2 p {
                    color: #777;
                    font-size: 16px
                }

                .support .download > .content .file ul .file_li2 img {
                    margin: 50px 0 60px
                }

                .support .download > .content .file ul .file_li2 .btn_area {
                    margin: 0 0 60px 0
                }

    .sel_size {
        width: 220px;
        height: 35px;
        border-radius: 5px;
        background: #818286;
        color: #fff;
        border: 1px solid #BABABA;
        padding: 7px 5px;
        margin-bottom: 5px;
    }

    .btn_hover:hover {
        text-decoration: underline;
    }

    /* 레이어 팝업 */
    .popupLayer {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 100;
        -ms-filter: alpha(opacity=50);
        filter: alpha(opacity=50);
        opacity: 0.3;
        -moz-opacity: 0.3;
        scroll
    }

        .popupLayer .back {
            position: fixed;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            background: #000;
            z-index: 101;
        }

    .popup_box {
        position: fixed;
        left: 33%;
        top: 60%;
        z-index: 102;
        background: #fff;
        width: 400px;
        height: 300px;
    }

        .popup_box .popup_contents {
            position: absolute;
            left: 0%;
            top: 0%;
            width: 400px;
            height: 300px;
            z-index: 102;
        }

        .popupLayer iframe, .popup_box iframe {
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
        }

    .pop_btn {
        width: 30px;
        height: 30px;
        position: absolute;
        right: 7px;
        top: 7px;
        background: #000;
        color: #fff;
        border: none;
    }
    /* 레이어 팝업 E */

    /* Check latest version 레이어 팝업 20200525 */
    .version_modal-content {
        width: 500px;
        height: 350px;
    }

        .version_modal-content .version-scroll-bar {
            overflow-y: scroll;
            height: 180px;
            padding: 10px;
        }

    /* 다운로드 센터 추가 20150223 */
    .select {
        position: relative;
        line-height: normal;
        display: inline-block;
        *display: inline;
        vertical-align: middle;
        background: #818286;
        *zoom: 1;
        border-radius: 5px;
        width: 219px;
    }
    .select_macOs{
        display:block;
        margin: 0 auto;
        margin-bottom: -12px;
    }  
    .macAppbtn{
        margin: 0px !important;
    }    
    

        .select * {
            margin: 0;
            padding: 0;
            cursor: pointer;
            font-size: 12px;
            font-family: Tahoma, Sans-serif;
        }

        /*  20200522 팝업창 위로 버튼 테두리 수정 */
        .select .myValue {
            position: relative;
            z-index: 1;
            left: 0;
            top: 0;
            border: 1px solid #bababa;
            color: #fff;
            line-height: 19px;
            _line-height: normal;
            text-align: left;
            overflow: visible;
            background: transparent;
        }

            .select .myValue.selected {
                font-weight: bold;
            }

            .select.open .myValue,
            .select .myValue.outLine {
                border: 1px solid #999;
            }

        .select button.myValue {
            height: 38px;
            width: 100%;
            text-indent: 5px;
            *text-indent: 0;
            *padding-left: 5px;
            border-radius: 5px;
        }

        .select div.myValue {
            height: 19px;
            text-indent: 8px;
        }

        .select .ctrl {
            position: absolute;
            top: 9px;
            right: 0;
            width: 18px;
            height: 19px; /*border:1px solid #bababa;border-left:1px solid #eaeaea;background:#fff;*/
        }

        .select .arrow {
            position: absolute;
            width: 0;
            height: 0;
            top: 9px;
            right: 6px;
            line-height: 0;
            font-size: 0;
            border-top: 5px solid #fff;
            border-left: 5px solid #818286;
            border-right: 5px solid #818286;
        }

        .select ul {
            z-index:2;
            top: 38px;
            left: 0;
            width: 100%;
            list-style: none;
            border: 0;
            border-top: 1px solid #bababa;
            border-bottom: 1px solid #bababa;
            background: #818286;
            overflow: hidden;
            border-radius: 5px;
        }

            .select ul.aList {
                display: none;
            }

        .select.open ul.aList {
            display: block;
        }

        .select ul.iList {
            left: -2000%;
        }

        .select.open ul.iList {
            left: 0;
        }

        .select li {
            position: relative;
            overflow: hidden;
            white-space: nowrap;
            height: 18px;
            border-left: 1px solid #bababa;
            border-right: 1px solid #bababa;
        }

            .select li input.option {
                position: absolute;
                width: 100%;
                height: 20px;
                line-height: 20px;
            }

            .select li label {
                position: absolute;
                left: 0;
                top: 0;
                width: 100%;
                text-indent: 8px;
                *text-indent: 6px;
                height: 18px;
                line-height: 18px;
                color: #767676;
                background: #fff;
            }

            .select li a {
                display: block;
                text-indent: 8px;
                *text-indent: 6px;
                height: 18px;
                line-height: 18px;
                color: #fff;
                background: #818286;
                text-decoration: none;
                text-align: left;
            }

            .select li.hover * {
                background: #999;
                color: #fff;
            }

    /* SUPPORT faq css */
    .support .faq {
        margin: 60px 0 0;
        padding: 0 4%
    }

        .support .faq .list {
            width: 800px;
            margin: 0 auto
        }

            .support .faq .list ul li {
                float: left;
                margin: 0 20px 0 0;
                padding: 0 20px 0 0;
                border-right: 1px solid #c7c7c7
            }

                .support .faq .list ul li a {
                    color: #999;
                    font-size: 24px;
                    font-weight: normal
                }

                .support .faq .list ul li.on a {
                    color: #3898d3
                }

                .support .faq .list ul li.last {
                    margin: 0;
                    padding: 0;
                    border: 0
                }

        .support .faq .faq_list {
            margin: 60px 0 100px;
            border-top: 1px solid #696969;
            border-bottom: 1px solid #696969
        }

            .support .faq .faq_list ul li .title {
                height: 110px;
                border-top: 1px solid #c7c7c7;
                background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/btn/btn_tap_off.png) no-repeat right 45%
            }

            .support .faq .faq_list ul li.first .title {
                border: 0
            }

            .support .faq .faq_list ul li .title a {
                display: block;
                width: 88%;
                height: 75px;
                padding: 35px 0 0 60px;
                background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/icon/icon_question_off.png) no-repeat left 40%;
                color: #333;
                font-size: 20px
            }

            .support .faq .faq_list ul li .title.on {
                background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/btn/btn_tab_on.png) no-repeat right 45%
            }

                .support .faq .faq_list ul li .title.on a {
                    color: #3898d3;
                    background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/icon/icon_question_on.png) no-repeat left 40%
                }

            .support .faq .faq_list ul li .content {
                display: none;
                padding: 30px 20px;
                border-top: 1px dashed #c7c7c7
            }

                .support .faq .faq_list ul li .content p {
                    color: #777;
                    font-size: 14px;
                    line-height: 30px
                }

                .support .faq .faq_list ul li .content img {
                    width: 90%;
                    margin: 30px 0 0 0
                }

            .support .faq .faq_list ul li.on .content {
                display: block
            }
            /*    20200515추가    */
            .support .faq .faq_list ul li .content table img {
                width: auto;
                margin: 30px 0 0 0
            }

            .support .faq .faq_list ul li .content .s_img {
                width: 30%;
                margin: 30px 0 0 0;
            }

            .support .faq .faq_list ul li .content .s_mid_img {
                width: 40%;
                margin: 30px 0 0 0;
            }

            .support .faq .faq_list ul li .content .mid_img {
                width: 50%;
                margin: 30px 0 0 0;
            }


    /* SUPPORT where to buy css */
    .support .where > h4 {
        margin: 10px 0 0 0;
        font-size: 50px;
        text-align: center
    }

    .support .where .flag {
        text-align: center;
        margin-top: 80px;
    }

    .support .where .content {
        margin: 80px 0;
        padding: 0 4%
    }

        .support .where .content .list {
            text-align: center
        }

            .support .where .content .list ul li {
                float: left;
                width: 48%;
                text-align: center;
                position: relative;
            }

                .support .where .content .list ul li > a > span {
                    position: absolute;
                    bottom: 5%;
                    right: 3%;
                }

                .support .where .content .list ul li img {
                    width: 100%
                }

                .support .where .content .list ul li.right {
                    float: right
                }

                .support .where .content .list ul li p {
                    margin: 0 0 30px 0;
                    color: #333;
                    font-size: 20px
                }

            .support .where .content .list .btn_area {
                margin: 40px 0 100px
            }

    .support .where .textarea {
        width: 100%;
        height: 300px;
        background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bg/bg_where.jpg) no-repeat center bottom;
        text-align: center;
        color: #fff
    }

        .support .where .textarea h4 {
            padding: 110px 0 30px 0;
            font-size: 30px
        }

        .support .where .textarea p {
            font-size: 16px
        }

    .support .where .content .list ul li .market {
        position: absolute;
        left: 0.5%;
        bottom: 0.8%;
    }

        .support .where .content .list ul li .market a {
            float: left;
            width: 49.5%;
            margin-right: 0.4%
        }

            .support .where .content .list ul li .market a.last {
                margin-right: 0
            }

            .support .where .content .list ul li .market a img {
                width: 100%
            }

    .support .where .content .list ul li.online {
        margin-top: 30px;
    }

        .support .where .content .list ul li.online .market {
            width: 99.2%;
        }

            .support .where .content .list ul li.online .market a {
                float: right;
            }

    .support .wheretobuy {
        padding: 0 4%;
    }
        /* 20200805 */
        .support .wheretobuy .wheretobuy_tab {
            margin: 34px auto;
            width: 700px;
        }

            .support .wheretobuy .wheretobuy_tab li {
                float: left;
                margin: 0 18px 0 0;
                padding: 0 18px 0 0;
                border-right: 1px solid #c7c7c7;
                text-align: center;
            }

                .support .wheretobuy .wheretobuy_tab li a {
                    color: #999999;
                    font-size: 24px;
                    text-transform: uppercase;
                    font-weight: 400;
                }

                    .support .wheretobuy .wheretobuy_tab li a:hover, .support .wheretobuy .wheretobuy_tab li a.on {
                        color: #3898d3;
                    }

                .support .wheretobuy .wheretobuy_tab li.last {
                    margin: 0;
                    padding: 0;
                    border: 0
                }

        .support .wheretobuy .wheretobuy_list ul {
            display: none;
        }

            .support .wheretobuy .wheretobuy_list ul.active {
                display: block;
            }

        .support .wheretobuy .wheretobuy_list li {
            float: left;
            padding-bottom: 36px;
            width: 50%;
        }

            .support .wheretobuy .wheretobuy_list li:nth-child(even) {
                float: right;
            }

            .support .wheretobuy .wheretobuy_list li .list_obj {
                position: relative;
                width: 95%;
                height: 95%;
                overflow: hidden;
            }

                .support .wheretobuy .wheretobuy_list li .list_obj a {
                    position: absolute;
                    top: 0;
                    left: 0;
                    display: block;
                    width: 100%;
                    height: 100%;
                    z-index: 9;
                }

                .support .wheretobuy .wheretobuy_list li .list_obj img {
                    width: 100%;
                }

                .support .wheretobuy .wheretobuy_list li .list_obj .overlay {
                    position: absolute;
                    top: 0;
                    left: 0;
                    width: 100%;
                    height: 100%;
                    background: #222222;
                    color: #efefef;
                    text-align: center;
                    display: none;
                }

                    .support .wheretobuy .wheretobuy_list li .list_obj .overlay .cont {
                        position: absolute;
                        top: 0;
                        left: 0;
                        margin: 5%;
                        width: 90%;
                        height: 79%;
                        text-align: center;
                    }

                        .support .wheretobuy .wheretobuy_list li .list_obj .overlay .cont h3 {
                            padding-top: 15%;
                            color: #fff;
                            font-size: 24px;
                        }

                        .support .wheretobuy .wheretobuy_list li .list_obj .overlay .cont span {
                            color: #fff;
                            font-size: 16px;
                        }

    /* SUPPORT qanda css */
    .support .faq > .post {
        padding: 0
    }

        .support .faq > .post sup {
            color: #3898d3
        }

        .support .faq > .post .textarea {
            margin: 0 0 40px 0
        }

            .support .faq > .post .textarea h4 {
                padding: 20px 0 0 0;
                background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bull/bull_title02.jpg) no-repeat left 0;
                font-size: 30px
            }

            .support .faq > .post .textarea p {
                margin: 20px 0 0 0;
                font-size: 16px;
                color: #777;
            }

        .support .faq > .post .infor {
            margin: 0 0 40px 0;
            padding: 40px;
            background: #eff0f0;
            position: relative;
        }

            .support .faq > .post .infor input[type="text"], .faq > .post .infor textarea {
                height: 40px;
                border: 1px solid #e4e4e4;
                background: #fff
            }

            .support .faq > .post .infor label {
                font-size: 14px
            }

            .support .faq > .post .infor input {
                width: 100%
            }

            .support .faq > .post .infor .name {
                margin: 0 20px 30px 0;
                width: 48%;
                float: left;
            }

                .support .faq > .post .infor .name input {
                    width: 98%;
                    padding: 0 0 0 2%
                }

            .support .faq > .post .infor .mail {
                margin: 0;
                width: 48%;
                float: right;
            }

                .support .faq > .post .infor .mail input {
                    width: 98%;
                    padding: 0 0 0 2%
                }
            /*  20200518수정 */
            .support .faq > .post .infor .company {
                width: 48%;
                margin: 0 20px 30px 0;
                float: left;
                clear: both
            }
                /*	.support .faq > .post .infor .company{width:48%;margin:0 20px 30px 0}*/
                .support .faq > .post .infor .company fieldset {
                    width: 100%
                }

                .support .faq > .post .infor .company .videos_select {
                    width: 100%;
                    background: #fff
                }

                    .support .faq > .post .infor .company .videos_select .my_value {
                        width: 99%;
                        height: 28px;
                        padding: 12px 0 0 1%;
                        border: 1px solid #e4e4e4
                    }

                    .support .faq > .post .infor .company .videos_select .ctrl {
                        top: 5px;
                        right: 6px
                    }

                    .support .faq > .post .infor .company .videos_select .i_list {
                        top: 40px;
                        z-index: 5;
                    }

                        .support .faq > .post .infor .company .videos_select .i_list li label {
                            background: #fff
                        }
            /*  20200518수정 */
            .support .faq > .post .infor .model {
                width: 48%;
                margin: 0;
                float: right
            }
                /*	.support .faq > .post .infor .model {width:100%;margin:0 20px 30px 0;clear:both;float:left;}*/
                .support .faq > .post .infor .model .videos_select {
                    width: 100%;
                    background: #fff
                }

                    .support .faq > .post .infor .model .videos_select .my_value {
                        width: 99%;
                        height: 28px;
                        padding: 12px 0 0 1%;
                        border: 1px solid #e4e4e4
                    }

                    .support .faq > .post .infor .model .videos_select .ctrl {
                        top: 5px;
                        right: 6px
                    }

                    .support .faq > .post .infor .model .videos_select .i_list {
                        top: 40px
                    }

                        .support .faq > .post .infor .model .videos_select .i_list li label {
                            background: #fff
                        }
            /*  20200518수정 */
            .support .faq > .post .infor .title {
                width: 100%;
                margin: 30px 0 30px 0;
                clear: both
            }
                /*	.support .faq > .post .infor .title{width:100%;margin:30px 0 30px 0}*/
                .support .faq > .post .infor .title input {
                    width: 99%;
                    padding: 0 0 0 1%
                }

            .support .faq > .post .infor .contents {
                width: 100%
            }
                /*  20200518수정  */
                .support .faq > .post .infor .contents textarea {
                    width: 98%;
                    max-width: 98%;
                    min-height: 150px;
                    margin: 0 0 20px 0;
                    padding: 15px 1%;
                    overflow: hidden
                }

            .support .faq > .post .infor .attach {
                width: 100%;
                margin: 0 0 10px 0
            }

                .support .faq > .post .infor .attach input {
                    float: left;
                    width: 72%;
                    height: 27px;
                    padding: 0 0 0 1%
                }

                .support .faq > .post .infor .attach .btn_area {
                    float: right;
                    margin: 0 0 0 10px
                }

            .support .faq > .post .infor span.point {
                float: left
            }

        .support .faq > .post .btn_area {
            margin: 0 0 10px 0;
            text-align: center
        }

        .support .faq > .post > p {
            margin: 0 0 140px 0;
            color: #4e545a;
            text-align: center
        }

        .support .faq > .post .manage_infor {
            border-top: #bcbec0 1px dashed;
            border-bottom: #bcbec0 1px dashed;
            padding: 30px 0 19px;
            margin-bottom: 40px;
            overflow: hidden;
        }

            .support .faq > .post .manage_infor > div {
                padding: 0 0 0 5%;
                width: 28%;
            }

                .support .faq > .post .manage_infor > div.call {
                    background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/icon/icon_call.png) no-repeat left top;
                    float: left;
                }

                .support .faq > .post .manage_infor > div.hours {
                    background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/icon/icon_hours.png) no-repeat left top;
                    float: left;
                    margin: 0 0 15px 0;
                }

                .support .faq > .post .manage_infor > div > p {
                    color: #777;
                    font-size: 16px
                }

                    .support .faq > .post .manage_infor > div > p.title {
                        color: #333;
                        font-size: 20px;
                        margin-bottom: 8px;
                    }

        .support .faq > .post .manage_infor2 {
            border-bottom: #bcbec0 1px dashed;
            padding: 0px 0 19px;
            margin-bottom: 40px;
            overflow: hidden;
        }

            .support .faq > .post .manage_infor2 > div {
                padding: 0 0 0 5%;
                width: 28%;
            }

                .support .faq > .post .manage_infor2 > div.call {
                    background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/icon/icon_call.png) no-repeat left top;
                    float: left;
                }

                .support .faq > .post .manage_infor2 > div.hours {
                    background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/icon/icon_hours.png) no-repeat left top;
                    float: left;
                    margin: 0 0 15px 5px;
                    ;
                }

                .support .faq > .post .manage_infor2 > div > p {
                    color: #777;
                    font-size: 16px
                }

                    .support .faq > .post .manage_infor2 > div > p.title {
                        color: #333;
                        font-size: 20px;
                        margin-bottom: 8px;
                    }

    /* SUPPORT mounting css */
    .support .mounting .movie {
        padding: 0 4%;
        text-align: center
    }

        .support .mounting .movie h4 {
            margin: 70px 0 40px 0;
            padding: 30px 0 0 0;
            background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bull/bull_title01.jpg) no-repeat center 0;
            font-size: 50px
        }

        .support .mounting .movie .movie_area {
            position: relative;
            width: 100%
        }

            .support .mounting .movie .movie_area img {
                width: 100%
            }

            .support .mounting .movie .movie_area iframe {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%
            }

    .support .mounting .process {
        margin: 150px 0 0 0;
        padding: 80px 4% 150px;
        background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bg/support_mointing_installation_complete.png) no-repeat center bottom;
        background-color: #f5f5f5
    }

        .support .mounting .process > h4 {
            padding: 30px 0 0 0;
            background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bull/bull_title01.jpg) no-repeat center 0;
            font-size: 50px;
            text-align: center
        }

        .support .mounting .process .infor {
            width: 95.6%;
            margin: 70px 0 0;
            padding: 0 2.2%
        }

            .support .mounting .process .infor ul li {
                float: left;
                width: 32%;
                margin: 0 6.3% 0 0;
                text-align: center
            }

                .support .mounting .process .infor ul li.last {
                    float: right;
                    width: 21%;
                    margin: 0
                }

                .support .mounting .process .infor ul li img {
                    width: 100%
                }

                .support .mounting .process .infor ul li p {
                    display: block;
                    width: 65%;
                    margin: 25px 0 0 0;
                    color: #34322f;
                    font-size: 20px
                }

                .support .mounting .process .infor ul li.last p {
                    width: 100%
                }

        .support .mounting .process .list {
            margin: 100px auto 0
        }

            .support .mounting .process .list ul li {
                float: left;
                width: 29%;
                height: 350px;
                margin: 0 6.5% 0 0;
                font-size: 0;
                text-align: center
            }

                .support .mounting .process .list ul li.last {
                    margin: 0
                }

                .support .mounting .process .list ul li img {
                    width: 100%
                }

                .support .mounting .process .list ul li p {
                    margin: 10px 0 5px;
                    color: #777;
                    font-size: 16px;
                    line-height: 26px
                }

                .support .mounting .process .list ul li span {
                    color: #777;
                    font-size: 16px
                }

        .support .mounting .process .textarea {
            margin: 120px 0 0 0;
            text-align: center
        }

            .support .mounting .process .textarea h4 {
                font-size: 70px
            }

            .support .mounting .process .textarea p {
                color: #777;
                font-size: 18px
            }

    .support .mounting .content {
        margin: 80px auto 0;
        padding: 0 4%;
        text-align: center
    }

        .support .mounting .content > h4 {
            padding: 30px 0 0 0;
            background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bull/bull_title01.jpg) no-repeat center 0;
            font-size: 50px
        }

        .support .mounting .content > p {
            margin: 20px 0 0 0;
            color: #777;
            font-size: 16px
        }

        .support .mounting .content .lcd {
            margin: 100px 0 0 0
        }

            .support .mounting .content .lcd img {
                width: 100%
            }

            .support .mounting .content .lcd h5 {
                margin: 0 0 40px 0;
                padding: 30px 0 0 0;
                background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bull/bull_title02.jpg) no-repeat center 0;
                font-size: 40px
            }

            .support .mounting .content .lcd p {
                margin: 40px 0 0 0;
                color: #777;
                font-size: 16px
            }

        .support .mounting .content .wifi {
            margin: 100px 0 0 0
        }

            .support .mounting .content .wifi img {
                width: 100%
            }

            .support .mounting .content .wifi h5 {
                margin: 0 0 40px 0;
                padding: 30px 0 0 0;
                background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bull/bull_title02.jpg) no-repeat center 0;
                font-size: 40px
            }

            .support .mounting .content .wifi p {
                margin: 40px 0 20px 0;
                color: #777;
                font-size: 16px
            }

            .support .mounting .content .wifi span {
                color: #7296ba;
                font-size: 14px
            }

        .support .mounting .content .download {
            padding: 0 0 80px 0;
            border-bottom: 1px dashed #bcbec0
        }

            .support .mounting .content .download h5 {
                background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bull/bull_dashed01.png) no-repeat center center;
                font-size: 30px
            }

            .support .mounting .content .download p {
                margin: 20px 0 0 0;
                color: #7296ba;
                font-size: 14px
            }

            .support .mounting .content .download ul {
                width: 600px;
                margin: 40px auto 0
            }

                .support .mounting .content .download ul li {
                    float: left;
                    width: 300px;
                    text-align: center
                }

        .support .mounting .content .av {
            margin: 100px 0 0 0
        }

            .support .mounting .content .av h5 {
                margin: 0 0 40px 0;
                padding: 30px 0 0 0;
                background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bull/bull_title02.jpg) no-repeat center 0;
                font-size: 40px
            }

            .support .mounting .content .av ul li {
                float: left;
                width: 48%;
                margin: 0 4% 0 0
            }

                .support .mounting .content .av ul li.last {
                    margin: 0
                }

                .support .mounting .content .av ul li img {
                    width: 100%
                }

                .support .mounting .content .av ul li p {
                    margin: 40px 0 0 0;
                    color: #777;
                    font-size: 16px
                }

    .support .mounting .bottom {
        width: 100%;
        height: 400px;
        margin: 150px 0 0 0;
        background: #6d6f70;
        text-align: center
    }

        .support .mounting .bottom img {
            margin: 90px 0 20px 0
        }

        .support .mounting .bottom > p {
            color: #fff;
            font-size: 30px
        }

        .support .mounting .bottom .btn_area {
            margin: 40px 0 0 0
        }

    /* 오른쪽 버튼영역 */
    .main_btn_area {
        display: none
    }

    /* Member */
    .member {
        margin: 0 auto;
        padding-bottom: 128px;
        width: 397px;
    }

        .member h1 {
            margin: 45px 0 50px;
            text-align: center;
        }

            .member h1 img {
                width: 106px;
            }

        .member .member_box {
            padding: 44px 0 37px;
            background: #eff0f0;
        }

            .member .member_box h2 {
                margin: 0 auto;
                padding-bottom: 47px;
                width: 80%;
                font-size: 30px;
                text-align: center;
                text-transform: uppercase;
            }

            .member .member_box ul {
                margin: 0 auto;
                width: 80%;
            }

                .member .member_box ul li {
                    margin-bottom: 5px;
                }

                    .member .member_box ul li input[type=text], .member .member_box ul li input[type=password] {
                        padding: 0 10px 0 40px;
                        width: 265px;
                        height: 53px;
                        line-height: 53px;
                        border: 0;
                        font-size: 16px;
                        font-weight: 400;
                    }

                    .member .member_box ul li.email input {
                        background: #fff url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/icon/icon_email.png) 13px center no-repeat;
                    }

                    .member .member_box ul li.password input {
                        background: #fff url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/icon/icon_password.png) 16px center no-repeat;
                    }

                    /* Select Country 추가 */
                    .member .member_box ul li.countryselect select{
                        padding: 0 10px 0 12px;
                        width: 315px;
                        height: 53px;
                        line-height: 53px;
                        border: 0;
                        font-size: 16px;
                        font-weight: 400;
	                    color: #b9b9b9;
                    }
                    .member .member_box ul li.countryselect select option {
                        background: #fff; 
                    }  
    
                    .member .member_box ul li.left_align {
                        float: left;
                        width: 100%;
                    }
                        /*.member .member_box ul li.left_align input{padding:0 12px 0 15px;width:127px;}*/



                        /* 20200220 국가선택 박스 추가 */
                        /* .member .member_box ul li.left_align .select_area{width: 315px; border: none; font-size: 16px; color: #bbb; font-weight: 500; padding-left: 36px; height: 53px;} */
                        .member .member_box ul li.left_align select {
                            width: 315px;
                            border: none;
                            font-size: 16px;
                            color: #bbb;
                            font-weight: 500;
                            padding-left: 36px;
                            height: 53px;
                            background: url('https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/btn/bt_arrow.jpg') no-repeat 100% 50%; /* 화살표 아이콘 추가 */
                            -webkit-appearance: none;
                            -moz-appearance: none;
                            appearance: none;
                        }

                        .member .member_box ul li.left_align select {
                            background-color: #fff;
                        }

                            .member .member_box ul li.left_align select::-ms-expand {
                                display: none;
                            }
    /*익스 기본값 제거 */

    /* 20200219 소셜로그인 버튼 추가 */
    .sns_btn {
        width: 80%;
        padding: 9px;
        border: none;
        border-radius: 4px;
        margin: 10px auto 0;
        opacity: 0.85;
        display: block;
        font-size: 15px !important;
        line-height: 20px;
        text-decoration: none; /* remove underline from anchors */
        box-sizing: border-box;
    }

    /* add appropriate colors to fb, twitter and google buttons */
    .fa-google {
      background: conic-gradient(from -45deg, #ea4335 110deg, #4285f4 90deg 180deg, #34a853 180deg 270deg, #fbbc05 270deg) 73% 55%/150% 150% no-repeat;
      -webkit-background-clip: text;
      background-clip: text;
      color: transparent;
      -webkit-text-fill-color: transparent;
    }
    .fb {
        background-color: #3B5998;
        color: white !important;
    }

    .apple {
        background-color: black;
        color: white !important;
    }

    .twitter {
        background-color: #55ACEE;
        color: white !important;
    }

    .google {
        background-color: #fff;
        color: #000 !important;
        border: 1px solid #ddd;
    }

    .or-seperator {
        margin: 30px 0 10px;
        text-align: center;
        border-top: 1px solid #ccc;
        width: 100%;
    }

        .or-seperator i {
            padding: 0 10px;
            background: #eff0f0;
            position: relative;
            top: -11px;
            z-index: 1;
            font-size: 14px;
        }

    .member .member_box ul li.country {
        margin-bottom: 12px;
    }

        .member .member_box ul li.country input {
            padding: 0 12px 0 15px;
            width: 288px;
        }

    .member .member_box .checkbox_area {
        padding: 15px 0 0 12px;
    }

        .member .member_box .checkbox_area p {
            font-size: 16px;
            color: #a9a9a9;
        }

            .member .member_box .checkbox_area p a {
                color: #3898d3;
                font-size: 16px;
                text-decoration: underline;
            }

    .member .member_box input.btn_signin {
        display: block;
        margin: 30px auto 0;
        width: 80%;
        border: 0;
        line-height: 53px;
        border-radius: 4px;
        background: #3898d3;
        color: #fff;
        font-size: 18px;
        text-align: center;
        text-transform: uppercase;
        cursor: pointer;
    }

    .member .member_box #viewLoading {
        display: block;
        margin: 30px auto 0;
        width: 80%;
        border: 0;
        line-height: 53px;
        border-radius: 4px;
        background: #3898d3;
        color: #fff;
        font-size: 18px;
        text-align: center;
        text-transform: uppercase;
        cursor: pointer;
    }

    .member .member_box p.blue_link {
        padding-top: 20px;
        text-align: center;
    }

        .member .member_box p.blue_link a {
            color: #3898d3;
            font-size: 16px;
            text-decoration: underline;
        }

    .member .sociel_sign_in {
        margin: 0 auto;
        padding-top: 35px;
        width: 310px;
    }

        .member .sociel_sign_in ul li {
            margin-bottom: 5px;
        }

            .member .sociel_sign_in ul li a {
                padding-left: 96px;
                display: block;
                line-height: 53px;
                font-size: 16px;
                color: #fff;
                border-radius: 4px;
            }

            .member .sociel_sign_in ul li.facebook a {
                background: #446aaa url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/icon/icon_facebook_signin.png) 23px 0 no-repeat;
            }

            .member .sociel_sign_in ul li.google a {
                background: #e54c49 url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/icon/icon_google_signin.png) 20px 0 no-repeat;
            }

    .member .sign_up_link {
        padding-top: 15px;
        text-align: center;
        font-size: 16px;
        color: #a9a9a9;
    }

        .member .sign_up_link a {
            color: #3898d3;
            font-size: 16px;
            text-decoration: underline;
        }

    .member .password_box {
        padding: 44px 0 37px;
        background: #eff0f0;
    }

        .member .password_box h2 {
            padding-bottom: 19px;
            width: 100%;
            font-size: 30px;
            text-align: center;
            text-transform: uppercase;
        }

        .member .password_box h3 {
            padding-bottom: 50px;
            width: 100%;
            font-size: 16px;
            text-align: center;
            color: #a9a9a9;
            line-height: 24px;
        }

        .member .password_box ul {
            margin: 0 auto;
            width: 80%;
        }

            .member .password_box ul li {
                margin-bottom: 5px;
            }

                .member .password_box ul li input[type=text], .member .password_box ul li input[type=password] {
                    padding: 0 10px 0 40px;
                    width: 265px;
                    height: 53px;
                    line-height: 53px;
                    border: 0;
                    font-size: 16px;
                    font-weight: 400;
                }

                .member .password_box ul li.email input {
                    background: #fff url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/icon/icon_email.png) 13px center no-repeat;
                }

                .member .password_box ul li.password input {
                    background: #fff url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/icon/icon_password.png) 16px center no-repeat;
                }

        .member .password_box div.btn_signin {
            margin: 0 auto;
            padding-top: 30px;
            width: 80%;
        }

            .member .password_box div.btn_signin a {
                display: block;
                line-height: 53px;
                border-radius: 4px;
                background: #3898d3;
                color: #fff;
                font-size: 18px;
                text-align: center;
                text-transform: uppercase;
            }

        .member .password_box p.blue_link {
            padding-top: 20px;
            text-align: center;
        }

            .member .password_box p.blue_link a {
                color: #3898d3;
                font-size: 16px;
                text-decoration: underline;
            }

    .member .request_email {
        padding-bottom: 45px;
    }

    .benefit_area {
        padding: 80px 0 180px;
        width: 100%;
        background: #eff0f0 url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bg/bg_benefit.png) center 250px no-repeat;
        background-size: 730px;
    }

        .benefit_area dl.tit {
            margin: 0 0 216px;
            width: 100%;
            background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bull/bull_line_red.png) center 0 no-repeat;
        }

            .benefit_area dl.tit dt {
                padding-top: 36px;
                font-size: 50px;
                color: #323232;
                text-align: center;
            }

            .benefit_area dl.tit dd {
                padding-top: 31px;
                font-size: 17px;
                color: #a9a9a9;
                text-align: center;
                margin: 0 auto;
                width: 80%;
            }

        .benefit_area .benefit_width {
            margin: 0 auto;
            width: 90%;
        }

        .benefit_area .benefit_form {
            float: left;
            padding: 162px 0;
            width: 49.5%;
            background: #fff;
            border: 1px solid #d9d9d9;
            height: 310px;
        }

            .benefit_area .benefit_form ul {
                margin: 0 auto;
                padding-bottom: 6px;
                width: 90%;
            }

            .benefit_area .benefit_form li {
                margin-bottom: 13px;
            }

                .benefit_area .benefit_form li input[type=text] {
                    padding: 0 10px;
                    width: 100%;
                    height: 53px;
                    color: #777777;
                    line-height: 53px;
                    border: 1px solid #e4e4e4;
                    font-size: 16px;
                    font-weight: 400;
                    box-sizing: border-box;
                    -webkit-box-sizing: border-box;
                    -moz-box-sizing: border-box;
                }

            .benefit_area .benefit_form label {
                color: #a9a9a9;
                font-size: 16px;
            }

            .benefit_area .benefit_form li .jqTransformSelectWrapper ul {
                padding: 0;
            }

                .benefit_area .benefit_form li .jqTransformSelectWrapper ul li {
                    margin: 0;
                }

            .benefit_area .benefit_form div.center_align {
                margin: 0 auto;
                width: 180px;
            }

            .benefit_area .benefit_form div.btn_register {
                margin: 0 auto;
                padding-top: 35px;
                width: 67%;
            }

                .benefit_area .benefit_form div.btn_register a {
                    display: block;
                    line-height: 53px;
                    border-radius: 4px;
                    background: #3898d3;
                    color: #fff;
                    font-size: 16px;
                    text-align: center;
                    text-transform: uppercase;
                }

            .benefit_area .benefit_form.benefit_logout {
                padding: 182px 0;
                height: 270px;
            }

                .benefit_area .benefit_form.benefit_logout h3 {
                    margin: 0 auto;
                    padding-bottom: 26px;
                    width: 90%;
                    font-size: 30px;
                    color: #333;
                    text-align: center;
                }

                .benefit_area .benefit_form.benefit_logout p {
                    color: #a9a9a9;
                    font-size: 16px;
                    text-align: center;
                }

                    .benefit_area .benefit_form.benefit_logout p.m_top {
                        margin-top: 36px;
                    }

                    .benefit_area .benefit_form.benefit_logout p a {
                        color: #3898d3;
                        font-size: 16px;
                        text-decoration: underline;
                    }

        .benefit_area .benefit_cont {
            float: right;
            padding: 60px 0 128px;
            width: 49.5%;
            background: #fff;
            border: 1px solid #d9d9d9;
            height: 446px;
        }

            .benefit_area .benefit_cont h3 {
                margin: 0 auto;
                padding-top: 26px;
                width: 50%;
                font-size: 30px;
                color: #333;
                text-align: center;
                background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bull/bull_title02.jpg) no-repeat center 0;
                background-size: 39px 2px
            }

            .benefit_area .benefit_cont dl {
                margin: 0 auto;
                padding-bottom: 35px;
                width: 85%;
            }

            .benefit_area .benefit_cont dt {
                padding: 0 0 12px 12px;
                font-size: 20px;
                color: #333;
                background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bull/bull_dot01.png) 0 9px no-repeat;
                background-size: 4px;
            }

            .benefit_area .benefit_cont dd {
                padding-left: 12px;
                font-size: 16px;
                color: #7b7b7b;
                line-height: 17px;
            }

            .benefit_area .benefit_cont p {
                margin: 0 auto;
                padding-top: 20px;
                width: 60%;
                font-size: 16px;
                color: #7b7b7b;
                text-align: center;
            }

            .benefit_area .benefit_cont ul {
                margin: 30px auto 0;
                width: 75%;
            }

            .benefit_area .benefit_cont li {
                float: left;
                width: 50%;
            }

                .benefit_area .benefit_cont li img {
                    width: 100%;
                }

                .benefit_area .benefit_cont li p {
                    padding-top: 0;
                    width: 80%;
                }

    /* Selects */
    .jqTransformSelectWrapper {
        width: 100%;
    }

        .jqTransformSelectWrapper div span {
            padding-left: 10px;
            line-height: 53px;
            font-size: 16px;
            color: #bbb;
        }

        .jqTransformSelectWrapper a.jqTransformSelectOpen {
            margin: 11px 10px 0;
            width: 20px;
            height: 30px;
            background-size: 20px;
        }

        .jqTransformSelectWrapper ul {
            top: 54px;
        }

            .jqTransformSelectWrapper ul li {
                top: 53px;
            }

            .jqTransformSelectWrapper ul a {
                padding-left: 10px;
                height: 53px;
                color: #42382c;
                font-size: 16px;
                line-height: 53px;
            }

    .check_email {
        padding-bottom: 72px;
        width: 100%;
    }

        .check_email h1 {
            margin: 45px 0 94px;
            text-align: center;
        }

            .check_email h1 img {
                width: 106px;
            }

        .check_email h2 {
            padding-bottom: 28px;
            text-align: center;
            font-size: 30px;
        }

        .check_email p {
            padding-bottom: 56px;
            text-align: center;
            font-size: 20px;
            color: #a9a9a9;
            line-height: 30px;
        }

            .check_email p a {
                color: #3898d3;
                font-size: 16px;
                text-decoration: underline;
            }

    .account_area {
        position: relative;
        padding-top: 51px;
    }

        .account_area .account_box {
            margin: 0 auto;
            padding: 35px 0;
            width: 90%;
            background: #eff0f0;
        }

            .account_area .account_box ul {
                margin: 0 auto;
                width: 92%;
            }

            .account_area .account_box li {
                margin-bottom: 22px;
            }
                /****delete버튼 추가 20220414 *****/
                .account_area .account_box li.mailRcvYN {
/*                    overflow: hidden;*/
                }

                    .account_area .account_box li.mailRcvYN div {
                        width: 50%;
                        float: left;
                    }

                        .account_area .account_box li.mailRcvYN div.Delete_account {
                            text-align: right;
                            font-size: 16px;
                            color: #3898d3;
                            text-decoration: underline;
                        }

                .account_area .account_box li label {
                    display: block;
                    padding-bottom: 15px;
                    font-size: 16px;
                    color: #333;
                    font-weight: 400;
                }

                .account_area .account_box li input[type=text], .account_area .account_box li input[type=password] {
                    padding: 0 10px 0 13px;
                    width: 97%;
                    height: 53px;
                    color: #777777;
                    line-height: 53px;
                    border: 0;
                    font-size: 16px;
                    font-weight: 400;
                }

                .account_area .account_box li input[type=checkbox] {
                    -webkit-appearance: checkbox;
                    width: 22px;
                    height: 22px;
                    display: block;
                    float: left;
                    vertical-align: middle;
                    margin-right: 10px;
                }

                .account_area .account_box li.first_name {
                    float: left;
                    width: 100%;
                }

                .account_area .account_box li.last_name {
                    float: left;
                    width: 100%;
                }
                .account_area .account_box li.countryselect {
                    float: left;
                    width: 100%;
                }

                    .account_area .account_box li.last_name input[type=text] {
                        float: right;
                    }

                .account_area .account_box li.email input[type=text] {
                    width: 97%;
                }

                .account_area .account_box li.email p.verified {
                    padding-left: 23px;
                    background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bull/bull_verified.png) 4px center no-repeat;
                    font-size: 16px;
                    color: #3898d3;
                    line-height: 37px;
                }

                .account_area .account_box li.password input[type=text], .account_area .account_box li.password input[type=password] {
                    margin-bottom: 8px;
                    width: 97%;
                }
    
                /* Select Country */
                .account_area .account_box li.countryselect select{
                padding: 0 10px 0 13px;
                width: 99.5%;
                height: 53px;
                color: #777777;
                line-height: 53px;
                border: 0;
                font-size: 16px;
                font-weight: 400;
                }

    /*제품정보보기20200225*/
    .prd_list_area {
        position: relative;
        margin-bottom: 40px;
    }

        .prd_list_area .account_box {
            margin: 0 auto;
            padding: 35px 30px 15px 30px;
            width: 80%;
            background: #eff0f0;
        }

            .prd_list_area .account_box .prd_LIST {
                margin-bottom: 30px;
            }

            .prd_list_area .account_box li {
                width: 30%;
                height: 51px;
                color: #777777;
                line-height: 51px;
                font-size: 14px;
                font-weight: 400;
                text-align: center;
            }

                .prd_list_area .account_box li.prd_title {
                    width: 20%;
                    height: 51px;
                    color: #777777;
                    line-height: 51px;
                    font-size: 14px;
                    font-weight: 400;
                    text-align: center;
                }

                .prd_list_area .account_box li.prd_tedit {
                    width: 10%;
                    height: 51px;
                    color: #777777;
                    line-height: 51px;
                    font-size: 14px;
                    font-weight: 400;
                    text-align: center;
                }

                .prd_list_area .account_box li.prd_edit {
                    width: 10%;
                    line-height: 1;
                }

                    .prd_list_area .account_box li.prd_edit .top {
                        margin-top: 13px;
                    }

                .prd_list_area .account_box li.float {
                    float: left;
                }

                .prd_list_area .account_box li input[type=text], .prd_list_area .account_box li input[type=password] {
                    width: 100%;
                    overflow: hidden;
                    height: 51px;
                    color: #777777;
                    line-height: 51px;
                    border: 1px solid #eff0f0;
                    font-size: 14px;
                    font-weight: 400;
                    background: #eff0f0;
                }

                .prd_list_area .account_box li input.editing {
                    background: #fff;
                }

                .prd_list_area .account_box li .btn_type01 p.type02 span.updating {
                    background: #ee3524
                }
    /*제품정보보기
	.prd_list_area{position:relative;margin-bottom:40px;}
	.prd_list_area .account_box{margin:0 auto;padding:35px 50px 15px 50px;width:80%;background:#eff0f0;}
	.prd_list_area .account_box .prd_LIST{margin-bottom:30px;}
	.prd_list_area .account_box li{width:30%;height:51px;color:#777777;line-height:51px;font-size:16px;font-weight:400;text-align:center;}
	.prd_list_area .account_box li.prd_edit{width:10%;line-height:1;}
	.prd_list_area .account_box li.float{float:left;}
	.prd_list_area .account_box li.prd_edit .del{margin-top:6px;}
	.prd_list_area .account_box li input[type=text],.prd_list_area .account_box li input[type=password]{padding-left:10px;width:100%;height:51px;color:#777777;line-height:51px;border:1px solid #eff0f0;font-size:16px;font-weight:400;background:#eff0f0;}
    .prd_list_area .account_box li input.editing{background:#fff;}
    .prd_list_area .account_box li .btn_type01 p.type02 span.updating{background:#ee3524}*/

    .account_area ul.account_social {
        margin: 0 auto;
        padding-bottom: 110px;
        width: 635px;
    }

        .account_area ul.account_social li {
            float: left;
        }

            .account_area ul.account_social li a {
                padding-left: 89px;
                display: block;
                width: 221px;
                line-height: 53px;
                font-size: 16px;
                color: #fff;
                border-radius: 4px;
            }

            .account_area ul.account_social li.facebook {
                margin-right: 15px;
            }

                .account_area ul.account_social li.facebook a {
                    background: #446aaa url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/icon/icon_facebook_signin.png) 23px 0 no-repeat;
                }

            .account_area ul.account_social li.google a {
                background: #e54c49 url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/icon/icon_google_signin.png) 20px 0 no-repeat;
            }

    .account_area p.facebook_complete {
        padding: 38px 0 20px;
        text-align: center;
        color: #446aaa;
        font-size: 16px;
        font-weight: 500;
    }

        .account_area p.facebook_complete img {
            vertical-align: middle;
            margin-right: 10px;
        }

    .account_area div.facebook {
        margin: 0 auto 74px;
        width: 310px;
    }

        .account_area div.facebook a {
            padding-left: 89px;
            display: block;
            width: 221px;
            line-height: 53px;
            font-size: 16px;
            color: #fff;
            border-radius: 4px;
            background: #446aaa url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/icon/icon_facebook_signin.png) 23px 0 no-repeat;
        }

    .account_area p.google_complete {
        padding: 38px 0 20px;
        text-align: center;
        color: #e54c49;
        font-size: 16px;
        font-weight: 500;
    }

        .account_area p.google_complete img {
            vertical-align: middle;
            margin-right: 10px;
        }

    .account_area div.google {
        margin: 0 auto 74px;
        width: 310px;
    }

        .account_area div.google a {
            padding-left: 89px;
            display: block;
            width: 221px;
            line-height: 53px;
            font-size: 16px;
            color: #fff;
            border-radius: 4px;
            background: #e54c49 url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/icon/icon_google_signin.png) 23px 0 no-repeat;
        }

    .account_area input.btn_save {
        display: block;
        margin: 40px auto 128px;
        width: 163px;
        line-height: 53px;
        border: 0;
        border-radius: 4px;
        background: #3898d3;
        color: #fff;
        font-size: 18px;
        text-align: center;
        text-transform: uppercase;
        cursor: pointer;
    }

    .account_area div.success {
        position: fixed;
        top: 0;
        width: 100%;
        height: 72px;
        line-height: 72px;
        font-size: 20px;
        color: #fff;
        background: #3898d3;
        text-align: center;
        z-index: 101;
    }

        .account_area div.success a {
            position: absolute;
            right: 3%;
        }

            .account_area div.success a img {
                vertical-align: middle;
                margin-top: -4px;
            }

    /* Sub Top */
    .sub_top {
        width: 100%;
        height: 600px;
    }

        .sub_top h1 {
            color: #fff;
            font-size: 70px;
            text-align: center;
            line-height: 600px;
        }

        .sub_top h2 {
            color: #fff;
            font-size: 24px;
            text-align: center;
        }

        .sub_top p {
            color: #fff;
            font-size: 36px;
            text-align: center;
        }

        .sub_top.account_top {
            background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bg/bg_account_header_t.jpg) center center no-repeat;
            background-size: cover;
        }

        .sub_top.benefit_top {
            background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bg/bg_account_header_t.jpg) center 0 no-repeat;
            background-size: cover;
        }

            .sub_top.benefit_top h1 {
                font-size: 70px;
                line-height: 1.1;
            }

            .sub_top.benefit_top p {
                padding-top: 220px;
            }

    /* Title */
    dl.tit {
        margin: 84px 0 40px;
        width: 100%;
        background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bull/bull_line.png) center 0 no-repeat;
    }

        dl.tit dt {
            padding-top: 40px;
            font-size: 40px;
            color: #323232;
            text-align: center;
        }

        dl.tit dd {
            padding-top: 12px;
            font-size: 20px;
            color: #a9a9a9;
            text-align: center;
        }

    /* 푸터영역 */
    .footer {
        width: 100%;
        background: #212223;
        position: relative;
    }

        .footer .footer_top {
            padding: 35px 0 35px 40px;
        }

        .footer .site_map_m {
            display: none;
        }

        .footer .footer_top .site_map {
            float: none;
        }

            .footer .footer_top .site_map li {
                float: left;
                width: 25%;
                vertical-align: top;
            }

                .footer .footer_top .site_map li dt {
                    color: #d1d1d1;
                    font-size: 14px;
                    line-height: 30px;
                    text-transform: uppercase;
                }

                .footer .footer_top .site_map li dd {
                    color: #5a5b5c;
                    font-size: 14px;
                    line-height: 24px;
                    text-transform: uppercase;
                }

        .footer .footer_top .footer_right {
            float: left;
            width: 100%;
            padding-top: 53px;
        }

            .footer .footer_top .footer_right:after {
                content: "";
                display: block;
                clear: both;
            }

            .footer .footer_top .footer_right .sns {
                float: left;
            }

                .footer .footer_top .footer_right .sns a {
                    margin-right: 13px;
                }

                    .footer .footer_top .footer_right .sns a img {
                        width: 34px;
                        height: 34px;
                    }

            .footer .footer_top .footer_right .email {
                float: right;
                margin: 0 40px 0 0;
                color: #bbbbbb;
            }

                .footer .footer_top .footer_right .email:after {
                    content: "";
                    display: block;
                    clear: both;
                }

                .footer .footer_top .footer_right .email dt {
                    float: left;
                    line-height: 38px;
                    padding-right: 14px;
                }

                .footer .footer_top .footer_right .email dd {
                    float: left;
                }

                .footer .footer_top .footer_right .email input {
                    float: left;
                    padding: 0 7%;
                    width: 57%;
                    height: 38px;
                    border: 1px solid #e4e4e4;
                    font-size: 14px;
                    line-height: 38px;
                }

                .footer .footer_top .footer_right .email a {
                    float: left;
                    display: block;
                    margin: 0;
                    width: 23%;
                    background: #696969;
                    border: 1px solid #696969;
                    text-align: center;
                    color: #fff;
                    font-size: 14px;
                    line-height: 38px;
                }

        .footer .footer_bottom {
            padding-left: 40px;
            border-top: 1px solid #353638;
        }

            .footer .footer_bottom p.copy {
                float: left;
                line-height: 68px;
                color: #5a5b5c;
                font-size: 14px;
                text-transform: uppercase;
            }

            .footer .footer_bottom ul {
                float: right;
                width: 360px;
            }

                .footer .footer_bottom ul li {
                    float: left;
                    width: 50%;
                }

                    .footer .footer_bottom ul li a {
                        display: block;
                        width: 99%;
                        border-left: 1px solid #353638;
                        background: #1a1b1c;
                        color: #a8a9aa;
                        text-align: center;
                        text-transform: uppercase;
                        font-size: 14px;
                        line-height: 68px;
                    }

    /* HIDDEN why dashcam css */
    .products .explain > .content .log20 .content {
        margin: 80px auto 50px;
        padding: 0 4%;
        text-align: center
    }

        .products .explain > .content .log20 .content > h4 {
            padding: 40px 0 0 0;
            background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bull/bull_title01.jpg) no-repeat center 0;
            font-size: 50px;
            line-height: 50px
        }

        .products .explain > .content .log20 .content > h5 {
            margin: 90px 0 70px;
            padding: 30px 0 0 0;
            background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bull/bull_title04.jpg) no-repeat center 0;
            font-size: 40px
        }

    /* HIDDEN why dashcam css */
    .why_dashcam .imgarea4 {
        position: relative;
        height: 600px;
        background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bg/bg_dashcam03_m_1.jpg);
        font-size: 0
    }

    .why_dashcam .textarea img {
        margin: 60px 0 0 0;
        width: 100%
    }

    .why_dashcam .imgarea4 .textarea {
        position: absolute;
        top: 10%;
        width: 100%;
        text-align: center
    }

        .why_dashcam .imgarea4 .textarea h4 {
            font-size: 50px
        }

        .why_dashcam .imgarea4 .textarea > p {
            margin: 20px 0;
            color: #777;
            font-size: 16px;
            line-height: 26px
        }

        .why_dashcam .imgarea4 .textarea .btn_area {
            margin: 40px 0 0 0
        }

    .why_dashcam .imgarea5 {
        position: relative;
        height: 450px;
    }

        .why_dashcam .imgarea5 .textarea1 {
            position: absolute;
            top: 12%;
            width: 100%;
            text-align: center
        }

            .why_dashcam .imgarea5 .textarea1 h4 {
                font-size: 50px;
                color: #fff;
            }

            .why_dashcam .imgarea5 .textarea1 h5 {
                font-size: 24px;
                color: #fff;
                margin-bottom: 40px;
            }

            .why_dashcam .imgarea5 .textarea1 > p {
                margin: 10px 0 0 0;
                font-size: 16px;
                color: #fff;
                line-height: 24px;
                padding: 0 20px;
            }

            .why_dashcam .imgarea5 .textarea1 .btn_area {
                margin: 40px 0 0 0
            }

    form.form_jq .jqtransformdone .jqTransformSelectWrapper select {
        display: none;
    }

    form.form_jq .jqTransformSelectWrapper {
        position: relative;
    }

        form.form_jq .jqTransformSelectWrapper > div {
            overflow: hidden;
            float: left;
            width: 345px;
        }

            form.form_jq .jqTransformSelectWrapper > div span {
                height: 16px;
                background: #FFF;
                display: inline-block;
                border: 1px solid #e4e4e4;
                border-right: 0 none;
                padding: 10px 5px;
                width: 300px !important;
                float: left;
            }

            form.form_jq .jqTransformSelectWrapper > div a.jqTransformSelectOpen {
                float: left;
                border: 1px solid #e4e4e4;
                border-left: 0px;
                background: #FFF url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bull/bull_select_arrow.png) no-repeat center 15px;
                display: inline-block;
                padding: 5px 3px;
                width: 23px;
                height: 26px;
            }

        form.form_jq .jqTransformSelectWrapper ul {
            position: absolute;
            top: 38px;
            left: 0px;
            border: 1px solid #e4e4e4;
            border-top: 0 none;
            overflow: auto;
            width: 339px !important;
        }

            form.form_jq .jqTransformSelectWrapper ul li a {
                background: #FFF;
                color: #666;
                display: block;
                padding: 5px 3px;
            }

                form.form_jq .jqTransformSelectWrapper ul li a:hover {
                    background: #FFF;
                    color: #999;
                    padding: 5px 3px;
                }

    form.jqtransformdone select {
        display: none;
    }

    /* Law Counseling */
    .law_consulting .imgarea {
        height: 600px;
        background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bg/bg_counselinglist_header_t.jpg) no-repeat center top;
        background-size: cover;
    }

        .law_consulting .imgarea .text {
            padding-top: 200px;
            color: #fff;
            text-align: center;
        }

            .law_consulting .imgarea .text h4 {
                margin: 0 auto;
                width: 80%;
                font-size: 70px;
                line-height: 1.1;
                text-transform: uppercase;
            }

                .law_consulting .imgarea .text h4 span {
                    font-weight: 600;
                }

            .law_consulting .imgarea .text p.strong {
                margin-top: 29px;
                font-size: 22px;
                font-weight: 600;
            }

            .law_consulting .imgarea .text p {
                margin: 20px auto 0;
                width: 70%;
                font-size: 20px;
                line-height: 1.1;
            }

                .law_consulting .imgarea .text p.admin {
                    margin-top: 7px;
                    font-size: 30px;
                    line-height: 1.3;
                    text-transform: uppercase;
                }

        .law_consulting .imgarea .text2 {
            padding-top: 150px;
        }

            .law_consulting .imgarea .text2 h4 {
                font-size: 50px;
            }

    .law_consulting .textarea {
        margin: 80px 0 150px;
        padding: 0 4%;
        text-align: center
    }

        .law_consulting .textarea img {
            margin: 60px 0 0 0;
            width: 100%
        }

        .law_consulting .textarea h4 {
            padding: 30px 0 0 0;
            background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bull/bull_title01.jpg) no-repeat center 0;
            font-size: 50px
        }

        .law_consulting .textarea p {
            margin: 35px 0 0 0;
            color: #777;
            font-size: 17px;
            line-height: 26px
        }

    .law_consulting .list {
        margin: 55px auto 110px;
        width: 90%;
        border-top: 1px solid #696969;
        border-bottom: 1px solid #696969;
    }

        .law_consulting .list li {
            padding: 30px 0 28px;
            border-bottom: 1px solid #e5e5e5;
            background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/icon/icon_question_off.png) no-repeat 20px 32px;
            background-size: 48px;
        }

    info
    .law_consulting .list li:last-child {
        border: 0;
    }

    .law_consulting .list li > div {
        padding-left: 87px;
    }

    .law_consulting .list li div div {
        float: left;
        width: 60%;
    }

    .law_consulting .list li div p.suject {
        padding-bottom: 9px;
        font-size: 26px;
        line-height: 1.1;
        color: #333333;
    }

    .law_consulting .list li div p.info {
        padding-bottom: 11px;
        font-size: 14px;
        line-height: 1.1;
        color: #bbbbbb;
    }

        .law_consulting .list li div p.info span.date {
            margin-left: 27px;
            padding-left: 18px;
            background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/icon/icon_day.png) no-repeat 0 center;
            background-size: 13px;
        }

    .law_consulting .list li div.status {
        float: left;
        width: 25%;
        padding-right: 5px;
        font-size: 20px;
        color: #777777;
        text-align: center;
    }

        .law_consulting .list li div.status img {
            margin-left: 25px;
            width: 34px;
        }

    .law_consulting .list li div.comleted {
        color: #3898d3;
    }

    .law_consulting .list li div.secret {
        float: right;
        width: 85px;
        text-align: center;
    }

        .law_consulting .list li div.secret img {
            width: 19px;
            vertical-align: middle;
        }

    .law_consulting .only_US {
        position: fixed;
        top: 0;
        width: 100%;
        background: #3898d3;
        text-align: center;
        line-height: 72px;
        color: #fff;
        font-size: 20px;
        z-index: 101;
    }

        .law_consulting .only_US a {
            position: absolute;
            right: 3%;
        }

            .law_consulting .only_US a img {
                vertical-align: middle;
                margin-top: -4px;
            }

    .law_consulting .textarea2 {
        margin: 98px auto 140px;
        width: 70%;
        text-align: center;
    }

        .law_consulting .textarea2 h5 {
            padding: 25px 0;
            font-size: 40px;
            line-height: 50px;
            text-align: center;
            background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bull/bull_title02.jpg) no-repeat center 0;
            background-size: 39px 2px;
        }

    .law_consulting .btn_now {
        margin: 0 auto;
        width: 55%;
    }

        .law_consulting .btn_now a {
            display: block;
            line-height: 53px;
            border-radius: 4px;
            background: #3898d3;
            color: #fff;
            font-size: 18px;
            text-align: center;
            text-transform: uppercase;
        }

    .law_consulting .btn_now2 {
        margin: 0 auto;
        padding-top: 32px;
        width: 220px;
    }

        .law_consulting .btn_now2 a {
            display: block;
            line-height: 42px;
            border-radius: 4px;
            background: #3898d3;
            color: #fff;
            font-size: 18px;
            text-align: center;
            text-transform: uppercase;
        }

    .law_consulting .view .movie {
        padding: 39px 0;
        width: 100%;
        background: #1a1a1a;
        text-align: center;
    }

    .law_consulting .view .youtube_movie {
        width: 640px;
        height: 420px;
    }

    .law_consulting .view .textarea2 {
        margin: 109px auto 137px;
        width: 90%;
    }

        .law_consulting .view .textarea2 > div {
            margin-bottom: 93px;
            border-top: 1px solid #a6a9ac;
        }

        .law_consulting .view .textarea2 dl {
            width: 100%;
            border-bottom: 1px solid #d5d6d8;
            background: #eff0f0;
        }

        .law_consulting .view .textarea2 dt {
            float: left;
            clear: left;
            display: block;
            padding: 2% 2% 0;
            width: 11%;
            height: 100%;
            text-align: left;
            font-size: 16px;
            line-height: 1.1;
        }

            .law_consulting .view .textarea2 dt span {
                color: #3898d3;
            }

        .law_consulting .view .textarea2 dd {
            margin-left: 19.5%;
            padding: 2% 4%;
            width: 72.5%;
            text-align: left;
            font-size: 16px;
            line-height: 1.2;
            color: #777;
            background: #fff;
            border-left: 1px solid #d5d6d8;
        }

            .law_consulting .view .textarea2 dd:after {
                content: "";
                display: table;
                clear: both;
            }

        .law_consulting .view .textarea2 .answer {
            background: none;
        }

            .law_consulting .view .textarea2 .answer dt {
                float: none;
                width: 94%;
                padding: 2% 3%;
                line-height: 24px;
                border-top: 1px solid #a6a9ac;
                background: #eff0f0;
            }

                .law_consulting .view .textarea2 .answer dt div {
                    float: left;
                }

                .law_consulting .view .textarea2 .answer dt .answer_dt_img {
                    width: 2%;
                    padding: 1% 0 0 2%;
                }

                .law_consulting .view .textarea2 .answer dt .answer_dt_txt {
                    width: 87%;
                    padding: 0 3%
                }

            .law_consulting .view .textarea2 .answer dd {
                float: none;
                width: 100%;
                margin: 0;
                padding: 0;
                border-left: 0;
                border-top: 1px solid #d5d6d8;
            }

                .law_consulting .view .textarea2 .answer dd div {
                    float: left;
                }

                    .law_consulting .view .textarea2 .answer dd div.answer_img {
                        padding: 2% 0 0;
                        width: 19.5%;
                        text-align: center;
                    }

                        .law_consulting .view .textarea2 .answer dd div.answer_img img {
                            width: 85px;
                        }

                    .law_consulting .view .textarea2 .answer dd div.answer_txt {
                        width: 74%;
                        padding: 2% 3%;
                        min-height: 74px;
                        border-left: 1px solid #d5d6d8;
                    }

                    .law_consulting .view .textarea2 .answer dd div.video_img {
                        padding: 2% 0 0;
                        width: 19.5%;
                        text-align: center;
                    }

                        .law_consulting .view .textarea2 .answer dd div.video_img img {
                            width: 85px;
                        }

                    .law_consulting .view .textarea2 .answer dd div.video_txt {
                        padding: 2% 3%;
                        width: 74%;
                        min-height: 54px;
                        border-left: 1px solid #d5d6d8;
                    }

        .law_consulting .view .textarea2 .answer_edit_area {
            display: none;
        }

        .law_consulting .view .textarea2 .answer_edit dt {
            float: none;
            width: 94%;
            padding: 2% 3%;
            line-height: 24px;
            border-top: 1px solid #a6a9ac;
            background: #eff0f0;
        }

            .law_consulting .view .textarea2 .answer_edit dt div {
                float: left;
            }

            .law_consulting .view .textarea2 .answer_edit dt .answer_dt_img {
                width: 2%;
                padding: 1% 0 0 2%;
            }

            .law_consulting .view .textarea2 .answer_edit dt .answer_dt_txt {
                width: 87%;
                padding: 0 3%
            }

        .law_consulting .view .textarea2 .answer_edit dd {
            float: none;
            width: 100%;
            margin: 0;
            padding: 0;
            border-left: 0;
            border-top: 1px solid #d5d6d8;
        }

            .law_consulting .view .textarea2 .answer_edit dd div {
                float: left;
            }

                .law_consulting .view .textarea2 .answer_edit dd div.answer_img {
                    padding: 2% 0 0;
                    width: 19.5%;
                    text-align: center;
                }

                    .law_consulting .view .textarea2 .answer_edit dd div.answer_img img {
                        width: 85px;
                    }

                .law_consulting .view .textarea2 .answer_edit dd div.answer_txt {
                    width: 74%;
                    padding: 2% 3%;
                    min-height: 74px;
                    border-left: 1px solid #d5d6d8;
                }

                    .law_consulting .view .textarea2 .answer_edit dd div.answer_txt textarea {
                        padding: 2%;
                        width: 96%;
                        height: 135px;
                        border: 1px solid #e4e4e4;
                        resize: none;
                    }

                    .law_consulting .view .textarea2 .answer_edit dd div.answer_txt p {
                        margin-top: 10px;
                        font-size: 16px;
                        color: #a9a9a9;
                        line-height: 1.1;
                        text-align: right;
                    }

                .law_consulting .view .textarea2 .answer_edit dd div.video_img {
                    padding: 2% 0 0;
                    width: 19.5%;
                    text-align: center;
                }

                    .law_consulting .view .textarea2 .answer_edit dd div.video_img img {
                        width: 85px;
                    }

                .law_consulting .view .textarea2 .answer_edit dd div.video_txt {
                    padding: 2% 3%;
                    width: 74%;
                    min-height: 54px;
                    border-left: 1px solid #d5d6d8;
                }

        .law_consulting .view .textarea2 .answer_edit .file_area {
            width: 100%;
        }

            .law_consulting .view .textarea2 .answer_edit .file_area ul li {
                margin-bottom: 4px;
                float: none;
            }

            .law_consulting .view .textarea2 .answer_edit .file_area input[type=text] {
                margin-bottom: 7px;
                padding-left: 2%;
                width: 98%;
                height: 51px;
                font-size: 16px;
                line-height: 51px;
                border: 1px solid #e4e4e4;
            }

            .law_consulting .view .textarea2 .answer_edit .file_area .btn_file {
                position: relative;
                float: left;
                overflow: hidden;
                width: 149px;
                line-height: 53px;
                border-radius: 4px;
                color: #fff;
                font-size: 18px;
                text-transform: uppercase;
                cursor: pointer;
                background: #4e545a;
                text-align: center;
            }

                .law_consulting .view .textarea2 .answer_edit .file_area .btn_file input {
                    position: absolute;
                    top: 0;
                    right: 0;
                    width: 500px;
                    height: 53px;
                    font-size: 30px;
                    cursor: pointer;
                    opacity: 0;
                    filter: alpha(opacity=0);
                    cursor: pointer;
                }

            .law_consulting .view .textarea2 .answer_edit .file_area p {
                margin-top: 12px;
                font-size: 16px;
                line-height: 1.1;
                text-align: left;
                color: #a9a9a9
            }

            .law_consulting .view .textarea2 .answer_edit .file_area ul li.file_list {
                display: none;
            }

        .law_consulting .view .textarea2 .down_area dd {
            padding: 9px 4%;
        }

        .law_consulting .view .textarea2 .btn_down a {
            display: block;
            width: 149px;
            line-height: 53px;
            border-radius: 4px;
            background: #3898d3;
            color: #fff;
            font-size: 18px;
            text-align: center;
            text-transform: uppercase;
        }

        .law_consulting .view .textarea2 .btn_area {
            margin: 0 auto;
            padding-top: 40px;
            width: 348px;
            border: 0;
        }

            .law_consulting .view .textarea2 .btn_area li {
                float: left;
                width: 163px;
            }

                .law_consulting .view .textarea2 .btn_area li a {
                    display: block;
                    color: #fff;
                    font-size: 18px;
                    line-height: 53px;
                    background: #3898d3;
                    text-align: center;
                    border-radius: 2px;
                    text-transform: uppercase;
                }

                .law_consulting .view .textarea2 .btn_area li.btn_edit {
                    margin-right: 20px;
                }

                .law_consulting .view .textarea2 .btn_area li.btn_list a {
                    background: #4e545a;
                }

                .law_consulting .view .textarea2 .btn_area li.btn_submit {
                    margin-right: 20px;
                }

                .law_consulting .view .textarea2 .btn_area li.btn_cancel a {
                    background: #4e545a;
                }

    .law_consulting .textarea3 {
        position: relative;
        margin: 95px auto;
        width: 90%;
        text-align: center;
    }

        .law_consulting .textarea3 h5 {
            color: #333;
            font-size: 40px;
            line-height: 1.1;
            text-align: center;
        }

        .law_consulting .textarea3 > p {
            padding: 32px 0 18px;
            background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bull/bull_title02.jpg) no-repeat center 0;
            font-size: 24px;
            line-height: 1.1;
            color: #8a8a8a;
            text-align: center;
            text-transform: uppercase;
        }

    .law_consulting .submit .textarea3 input[type=text] {
        padding-left: 2%;
        width: 63%;
        height: 51px;
        font-size: 16px;
        line-height: 51px;
        border: 1px solid #e4e4e4;
    }

    .law_consulting .submit .textarea3 dl {
        width: 100%;
        border-bottom: 1px solid #d5d6d8;
        background: #eff0f0;
    }

    .law_consulting .submit .textarea3 dt {
        float: left;
        clear: left;
        display: block;
        padding: 1% 2% 0;
        width: 11%;
        height: 100%;
        text-align: left;
        font-size: 16px;
        line-height: 1.2;
    }

        .law_consulting .submit .textarea3 dt span {
            color: #3898d3;
        }

    .law_consulting .submit .textarea3 dd {
        margin-left: 19.5%;
        padding: 1% 4%;
        width: 72.5%;
        text-align: left;
        font-size: 16px;
        line-height: 1.2;
        color: #777;
        background: #fff;
        border-left: 1px solid #d5d6d8;
    }

        .law_consulting .submit .textarea3 dd:after {
            content: "";
            display: table;
            clear: both;
        }

        .law_consulting .submit .textarea3 dd p.byte {
            text-align: right;
        }

        .law_consulting .submit .textarea3 dd a.link {
            color: #3898d3;
            text-decoration: underline;
        }

    .law_consulting .submit .textarea3 .btn_add {
        position: absolute;
        top: 147px;
        right: 0;
    }

        .law_consulting .submit .textarea3 .btn_add a {
            display: block;
            width: 149px;
            line-height: 53px;
            border-radius: 4px;
            color: #fff;
            font-size: 18px;
            text-transform: uppercase;
            background: #3898d3;
        }

    .law_consulting .submit .textarea3 .submit_txt {
        margin-top: 38px;
    }

    .law_consulting .submit .textarea3 .w_select {
        margin-bottom: 7px;
    }

    .law_consulting .submit .textarea3 textarea {
        padding-left: 2%;
        width: 98%;
        border: 1px solid #e4e4e4;
        line-height: 29px;
        resize: none;
    }

    .law_consulting .submit .textarea3 .date input[type=text] {
        width: 30%
    }

    .law_consulting .submit .textarea3 .date input.time {
        width: 50px;
    }

    .law_consulting .submit .file_area {
        margin-top: 96px;
    }

        .law_consulting .submit .file_area > ul {
            padding: 9px 0;
            border-top: 1px solid #d5d6d8;
            border-bottom: 1px solid #d5d6d8;
        }

        .law_consulting .submit .file_area ul li {
            margin-bottom: 4px;
        }

        .law_consulting .submit .file_area input[type=text] {
            float: left;
        }

        .law_consulting .submit .file_area ul.btn_area li {
            float: left;
            margin-left: 9px;
        }

            .law_consulting .submit .file_area ul.btn_area li a {
                display: block;
                width: 149px;
                line-height: 53px;
                border-radius: 4px;
                color: #fff;
                font-size: 18px;
                text-transform: uppercase;
            }

        .law_consulting .submit .file_area ul.btn_area .btn_file {
            position: relative;
            float: left;
            overflow: hidden;
            width: 149px;
            line-height: 53px;
            border-radius: 4px;
            color: #fff;
            font-size: 18px;
            text-transform: uppercase;
            cursor: pointer;
            background: #4e545a;
        }

            .law_consulting .submit .file_area ul.btn_area .btn_file input {
                position: absolute;
                top: 0;
                right: 0;
                width: 500px;
                height: 53px;
                font-size: 30px;
                cursor: pointer;
                opacity: 0;
                filter: alpha(opacity=0);
                cursor: pointer;
            }

        .law_consulting .submit .file_area ul.btn_area li.btn_delete a {
            background: #bfc6cd;
        }

        .law_consulting .submit .file_area p {
            margin-top: 12px;
            font-size: 16px;
            line-height: 1.1;
            text-align: left;
            color: #a9a9a9
        }

        .law_consulting .submit .file_area ul li.file_list {
            display: none;
        }

        .law_consulting .submit .file_area #fileProgress {
            position: relative;
            width: 100%;
            height: 50px;
            border: 1px solid #bfc6cd;
        }

        .law_consulting .submit .file_area #fileBar {
            position: absolute;
            width: 0%;
            height: 100%;
            background-color: #bfc6cd;
        }

        .law_consulting .submit .file_area .labelArea {
            position: absolute;
            left: 20px;
            top: 0;
            width: 500px;
        }

            .law_consulting .submit .file_area .labelArea #label {
                float: left;
                padding-right: 5px;
                font-size: 16px;
                color: #4e545a;
                line-height: 50px;
            }

            .law_consulting .submit .file_area .labelArea span {
                float: left;
                font-size: 16px;
                color: #fff;
                line-height: 50px;
            }

        .law_consulting .submit .file_area .btn_x {
            position: absolute;
            top: 16px;
            right: 16px;
            width: 13px;
            height: 13px;
            background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/btn/btn_x.png) 0 0 no-repeat;
        }

    .law_consulting .submit .submit_txt {
        border-top: 1px solid #a6a9ac;
    }

        .law_consulting .submit .submit_txt input[type=text] {
            width: 98%;
        }

    .law_consulting .btn_submit {
        margin: 0 auto 189px;
        width: 20%;
    }

        .law_consulting .btn_submit a {
            display: block;
            line-height: 53px;
            font-size: 18px;
            color: #fff;
            background: #3898d3;
            text-align: center;
            border-radius: 2px;
            text-transform: uppercase;
        }

    /* News */
    .news .imgarea {
        margin-bottom: 76px;
        height: 600px;
        background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bg/bg_news_header_t.jpg) no-repeat center top;
        background-size: cover;
    }

        .news .imgarea .text {
            padding-top: 210px;
            color: #fff;
            text-align: center;
        }

            .news .imgarea .text h4 {
                font-size: 70px;
                line-height: 1.1;
                text-transform: uppercase;
            }

            .news .imgarea .text p {
                margin: 0 auto;
                width: 610px;
                padding-top: 30px;
                font-size: 20px;
                line-height: 1.2;
                text-transform: uppercase;
            }

    .news .news_top {
        margin: 0 auto;
        width: 100%;
    }

        .news .news_top .main_news {
            position: relative;
            float: left;
            width: 66%;
        }

            .news .news_top .main_news img {
                width: 100%;
            }

            .news .news_top .main_news div.news_cont {
                position: absolute;
                bottom: 0;
                padding: 20px 4%;
                width: 92%;
                background: rgba(0, 0, 0, 0.5);
            }

                .news .news_top .main_news div.news_cont p.date {
                    padding-left: 20px;
                    color: #7296ba;
                    font-size: 14px;
                    background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/icon/icon_day_b.png) 0 center no-repeat;
                }

                .news .news_top .main_news div.news_cont h5 {
                    color: #ffffff;
                    font-size: 26px;
                    font-weight: 400;
                    white-space: nowrap;
                    overflow: hidden;
                    text-overflow: ellipsis;
                }

                .news .news_top .main_news div.news_cont p {
                    color: #8b8a8a;
                    font-size: 16px;
                    white-space: nowrap;
                    overflow: hidden;
                    text-overflow: ellipsis;
                }

        .news .news_top .sub_news {
            position: relative;
            float: left;
            width: 32%;
            margin-left: 2%
        }

            .news .news_top .sub_news img {
                width: 100%;
            }

            .news .news_top .sub_news li {
                position: relative;
                margin-bottom: 15px;
            }

                .news .news_top .sub_news li div.news_cont {
                    position: absolute;
                    bottom: 0;
                    padding: 20px 5%;
                    width: 90%;
                    background: rgba(0, 0, 0, 0.5);
                }

                    .news .news_top .sub_news li div.news_cont p.date {
                        padding-left: 20px;
                        color: #7296ba;
                        font-size: 14px;
                        background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/icon/icon_day_b.png) 0 center no-repeat;
                    }

                    .news .news_top .sub_news li div.news_cont h5 {
                        color: #ffffff;
                        font-size: 20px;
                        font-weight: 300;
                        text-overflow: ellipsis;
                        white-space: nowrap;
                        overflow: hidden;
                    }

    .news .news_list_area {
        margin: 0 auto;
        width: 100%;
        margin-bottom: 80px;
    }

        .news .news_list_area .textarea1 {
            margin-top: 40px;
        }

            .news .news_list_area .textarea1 h5 {
                padding: 30px 0;
                font-size: 30px;
                line-height: 1.1;
                background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bull/bull_title02.jpg) no-repeat 0 0;
            }

        .news .news_list_area .news_list_1 {
            float: left;
            width: 66%;
        }

        .news .news_list_area .news_list_2 {
            float: left;
            width: 32%;
            margin-left: 2%;
        }

        .news .news_list_area .news_list_1 .news_list {
            margin-bottom: 50px;
        }

            .news .news_list_area .news_list_1 .news_list li {
                margin-bottom: 14px;
            }

                .news .news_list_area .news_list_1 .news_list li div.news_list_img {
                    float: left;
                    width: 45%;
                }

                    .news .news_list_area .news_list_1 .news_list li div.news_list_img img {
                        width: 100%;
                    }

                .news .news_list_area .news_list_1 .news_list li div.news_cont {
                    float: left;
                    width: 48%;
                    margin: 10px 3% 0 4%;
                }

                    .news .news_list_area .news_list_1 .news_list li div.news_cont h6 {
                        margin-bottom: 16px;
                        font-size: 22px;
                        color: #333333;
                        line-height: 1.2;
                        height: 54px;
                        overflow: hidden;
                    }

                    .news .news_list_area .news_list_1 .news_list li div.news_cont p {
                        margin-bottom: 19px;
                        font-size: 14px;
                        color: #7b7b7b;
                        line-height: 1.4;
                    }

                    .news .news_list_area .news_list_1 .news_list li div.news_cont div.news_content_detail {
                        height: 75px;
                        overflow: hidden;
                        margin-bottom: 20px;
                    }

                    .news .news_list_area .news_list_1 .news_list li div.news_cont p.date {
                        margin: 0;
                        padding-left: 20px;
                        font-size: 12px;
                        color: #aaaaaa;
                        line-height: 1.2;
                        background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/icon/icon_day.png) 0 center no-repeat;
                    }

        .news .news_list_area .news_list_2 .released_press li {
            margin-bottom: 1px;
            padding: 30px 7%;
            background: #f0f0f0;
        }

            .news .news_list_area .news_list_2 .released_press li h6 {
                margin-bottom: 19px;
                font-size: 20px;
                color: #333333;
                line-height: 1.2;
                height: 52px;
                overflow: hidden;
            }

            .news .news_list_area .news_list_2 .released_press li p {
                font-size: 14px;
                color: #7b7b7b;
                line-height: 1.4;
                width: 100%;
                height: 20px;
                overflow: hidden;
            }

                .news .news_list_area .news_list_2 .released_press li p.img {
                    padding-top: 13px;
                }

        .news .news_list_area .news_list_2 .btn_readmore {
            padding: 20px 0;
            background: #f0f0f0;
        }

            .news .news_list_area .news_list_2 .btn_readmore a {
                display: block;
                margin: 0 auto;
                width: 90%;
                color: #ffffff;
                font-size: 16px;
                line-height: 42px;
                text-transform: uppercase;
                text-align: center;
                background: #3898d3;
                border-radius: 4px;
            }

        .news .news_list_area .news_list_2 .news_sns {
            margin-top: 16px;
            padding: 20px 0 20px 30px;
            border: 1px solid #d9d9d9;
        }

            .news .news_list_area .news_list_2 .news_sns h6 {
                margin-bottom: 14px;
                color: #333333;
                font-size: 16px;
            }

            .news .news_list_area .news_list_2 .news_sns .sns a {
                float: left;
                margin-right: 10px;
            }

            .news .news_list_area .news_list_2 .news_sns .sns img {
                display: block;
                width: 34px;
            }

    .news .news_view_area {
        margin: 0 auto;
        width: 940px;
    }

        .news .news_view_area .textarea1 h5 {
            padding: 30px 0;
            font-size: 30px;
            line-height: 1.1;
            background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bull/bull_title02.jpg) no-repeat 0 0;
        }

    .news .news_view_area {
        margin: 0 auto;
        width: 100%;
    }

        .news .news_view_area .news_view_1 {
            width: 80%;
            margin: 0 auto;
        }

        .news .news_view_area .news_view_2 {
            width: 80%;
            margin: 0 auto 80px;
        }

        .news .news_view_area .news_view_1 .img {
            width: 100%;
            overflow: hidden;
        }

            .news .news_view_area .news_view_1 .img img {
                width: 100%;
            }

        .news .news_view_area .news_view_1 p.date {
            padding: 27px 0 23px 20px;
            font-size: 14px;
            color: #aaaaaa;
            line-height: 1.2;
            background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/icon/icon_day.png) 0 center no-repeat;
        }

        .news .news_view_area .news_view_1 h5 {
            padding: 0 0 27px;
            background: none;
        }

        .news .news_view_area .news_view_1 .news_content {
            font-size: 16px;
            line-height: 1.4;
            color: #777777;
        }

        .news .news_view_area .news_view_1 .contact {
            margin: 36px 0 40px;
            padding: 30px 40px;
            border: 1px solid #d8d8d8;
        }

            .news .news_view_area .news_view_1 .contact h6 {
                font-size: 18px;
                color: #323232;
                font-weight: 400;
            }

            .news .news_view_area .news_view_1 .contact p {
                padding: 14px 0 0;
                font-size: 18px;
                color: #aaaaaa;
                line-height: 1.2;
                background: none;
            }

                .news .news_view_area .news_view_1 .contact p a {
                    color: #7296ba;
                    text-decoration: underline;
                }

        .news .news_view_area .news_view_1 .btn_area {
            padding-bottom: 100px;
        }

            .news .news_view_area .news_view_1 .btn_area li {
                float: left;
                margin-right: 10px;
            }

            .news .news_view_area .news_view_1 .btn_area .btn_share a {
                display: block;
                width: 114px;
                line-height: 53px;
                border-radius: 4px;
                color: #fff;
                font-size: 18px;
                text-transform: uppercase;
                text-align: center;
                background: #4e545a;
            }

            .news .news_view_area .news_view_1 .btn_area .btn_list a {
                display: block;
                width: 93px;
                line-height: 53px;
                border-radius: 4px;
                color: #fff;
                font-size: 18px;
                text-transform: uppercase;
                text-align: center;
                background: #bfc6cd;
            }

        .news .news_view_area .news_view_2 .released_press li {
            margin-bottom: 1px;
            padding: 30px 7%;
            background: #f0f0f0;
        }

            .news .news_view_area .news_view_2 .released_press li h6 {
                margin-bottom: 19px;
                font-size: 20px;
                color: #333333;
                line-height: 1.2;
            }

            .news .news_view_area .news_view_2 .released_press li p {
                font-size: 14px;
                color: #7b7b7b;
                line-height: 1.4;
            }

                .news .news_view_area .news_view_2 .released_press li p.img {
                    padding-top: 13px;
                }

        .news .news_view_area .news_view_2 .btn_readmore {
            padding: 20px 0;
            background: #f0f0f0;
        }

            .news .news_view_area .news_view_2 .btn_readmore a {
                display: block;
                margin: 0 auto;
                width: 90%;
                color: #ffffff;
                font-size: 16px;
                line-height: 42px;
                text-transform: uppercase;
                text-align: center;
                background: #3898d3;
                border-radius: 4px;
            }

        .news .news_view_area .news_view_2 .news_sns {
            margin-top: 16px;
            padding: 20px 0 20px 30px;
            border: 1px solid #d9d9d9;
        }

            .news .news_view_area .news_view_2 .news_sns h6 {
                margin-bottom: 14px;
                color: #333333;
                font-size: 16px;
            }

            .news .news_view_area .news_view_2 .news_sns .sns a {
                float: left;
                margin-right: 10px;
            }

            .news .news_view_area .news_view_2 .news_sns .sns img {
                display: block;
                width: 34px;
            }

    .news .released_press_page {
        margin: 0 auto 100px;
        width: 90%;
    }

        .news .released_press_page h5 {
            margin-bottom: 37px;
            padding: 30px 0 60px 0;
            font-size: 50px;
            text-align: center;
            background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bull/bull_title01.jpg) no-repeat center 0;
            border-bottom: 1px solid #e0e0e0;
        }

        .news .released_press_page li {
            margin-bottom: 16px;
            padding-left: 13px;
            background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bull/bull_title02.jpg) 0 14px no-repeat;
            background-size: 5px 1px;
        }

        .news .released_press_page span {
            font-size: 24px;
            color: #323232;
            line-height: 1.1;
        }

        .news .released_press_page p.writer {
            display: block;
            margin-top: 9px;
            font-size: 16px;
            color: #aaaaaa;
            width: 100%;
            height: 20px;
            overflow: hidden;
        }

        .news .released_press_page p.img {
            padding-top: 13px;
        }

    .main_news_detail {
        height: 44px;
        overflow: hidden;
    }

    .sub_news_detail {
        height: 44px;
        overflow: hidden;
    }

    /* Etc */
    .etc {
        padding: 100px 0;
    }

        .etc .textarea {
            margin: 0 auto;
            width: 898px;
        }

            .etc .textarea h3 {
                font-weight: bold;
                font-size: 18px;
                color: #777777;
                padding-top: 27px;
                padding-bottom: 27px;
            }

            .etc .textarea h4 {
                color: #323232;
                font-weight: bold;
                font-size: 30px;
                line-height: 1.2;
                padding: 28px 0 49px;
                background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bull/bull_title02.jpg) no-repeat 0 0;
            }
            /*.etc .textarea h5{font-size:24px;line-height:1.2;padding-bottom:53px;}*/
            .etc .textarea h5 {
                color: #777777;
                font-size: 16px;
                font-weight: bold;
                line-height: 1.2;
                padding-bottom: 27px;
                padding-top: 10px;
            }

            .etc .textarea h6 {
                color: #030303;
                font-size: 16px;
                line-height: 1.2;
                padding-bottom: 27px;
            }

            .etc .textarea p {
                color: #777777;
                font-size: 16px;
                line-height: 22px;
                padding-bottom: 10px;
            }

            .etc .textarea .p1 {
                color: #777777;
                font-size: 16px;
                line-height: 22px;
                padding-bottom: 20px;
                padding-top: 25px;
            }

            .etc .textarea td {
                border-style: solid;
                padding: 5px;
            }


    /* Social */
    .social > .imgarea {
        margin-bottom: 76px;
        height: 600px;
        background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bg/bg_social_header_t.jpg) no-repeat center top;
        background-size: cover;
    }

    .social .imgarea .text {
        padding-top: 210px;
        color: #fff;
        text-align: center;
    }

        .social .imgarea .text h4 {
            font-size: 70px;
            line-height: 1.1;
            text-transform: uppercase;
        }

        .social .imgarea .text p {
            padding-top: 30px;
            font-size: 20px;
            line-height: 1.1;
        }

    .social .sns_list {
        margin: 0 auto 76px;
        width: 96%;
        padding: 0 2%;
    }

        .social .sns_list > div {
            float: left;
            width: 49%;
        }

        .social .sns_list .imgarea img {
            width: 100%;
        }

        .social .sns_list .float_right {
            float: left;
            margin-left: 2%;
            width: 49%;
        }

        .social .sns_list .txtarea {
            padding: 15px 30px 15px 95px;
        }

            .social .sns_list .txtarea a {
                display: block;
                overflow: hidden;
                height: 50px;
            }

        .social .sns_list .sns_youtube {
            position: relative;
            margin-bottom: 18px;
            width: 100%;
        }

            .social .sns_list .sns_youtube .imgarea {
                overflow: hidden;
                height: 358px;
            }

                .social .sns_list .sns_youtube .imgarea img {
                    width: 100%;
                    height: 100%;
                }

            .social .sns_list .sns_youtube .txtarea {
                background: #d83632 url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/icon/icon_youtube.jpg) 0 0 no-repeat;
                color: #ffffff;
                font-size: 18px;
                line-height: 24px;
            }

            .social .sns_list .sns_youtube .youtube_play {
                position: absolute;
                top: 0;
                left: 0;
                display: block;
                width: 100%;
                height: 360px;
            }

        .social .sns_list .sns_twitter {
            width: 100%;
            height: 241px;
        }

            .social .sns_list .sns_twitter .imgarea {
                width: 100%;
                height: 161px;
                overflow: hidden;
            }

                .social .sns_list .sns_twitter .imgarea img {
                    width: 100%;
                    height: 100%;
                }

            .social .sns_list .sns_twitter .txtarea {
                background: #2c9cde url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/icon/icon_twitter.jpg) 0 0 no-repeat;
                color: #ffffff;
                font-size: 18px;
                line-height: 24px;
            }

        .social .sns_list .sns_facebook1 {
            margin-bottom: 18px;
            width: 100%;
            height: 241px;
        }

            .social .sns_list .sns_facebook1 .imgarea {
                width: 100%;
                height: 161px;
                overflow: hidden;
            }

                .social .sns_list .sns_facebook1 .imgarea img {
                    width: 100%;
                    height: 100%;
                }

            .social .sns_list .sns_facebook1 .txtarea {
                background: #3e65a7 url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/icon/icon_facebook.jpg) 0 0 no-repeat;
                color: #ffffff;
                font-size: 18px;
                line-height: 24px;
            }

        .social .sns_list .sns_facebook2 {
            float: left;
            width: 48%;
        }

            .social .sns_list .sns_facebook2 .imgarea {
                overflow: hidden;
                height: 359px;
            }

                .social .sns_list .sns_facebook2 .imgarea img {
                    width: 100%;
                    height: 100%;
                }

            .social .sns_list .sns_facebook2 .txtarea {
                padding-right: 20px;
                background: #3e65a7 url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/icon/icon_facebook.jpg) 0 0 no-repeat;
                color: #ffffff;
                font-size: 18px;
                line-height: 24px;
            }

        .social .sns_list .sns_blogspot_area {
            float: right;
            width: 48%;
            margin-left: 4%;
        }

            .social .sns_list .sns_blogspot_area .sns_blogspot {
                margin-bottom: 38px;
            }

                .social .sns_list .sns_blogspot_area .sns_blogspot.last {
                    margin-bottom: 0;
                }

                .social .sns_list .sns_blogspot_area .sns_blogspot .imgarea {
                    overflow: hidden;
                    height: 120px;
                }

                    .social .sns_list .sns_blogspot_area .sns_blogspot .imgarea img {
                        width: 100%;
                        height: 100%;
                    }

                .social .sns_list .sns_blogspot_area .sns_blogspot .txtarea {
                    padding-right: 20px;
                    background: #ec9035 url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/icon/icon_blogspot.jpg) 0 0 no-repeat;
                    color: #ffffff;
                    font-size: 18px;
                    line-height: 24px;
                }

    .sns_api {
        width: 100%;
    }

        .sns_api > div > img {
            width: 100%;
        }

        .sns_api div.sns_facebook ._2p3a {
            width: 100% !important;
        }

        .sns_api div.sns_instagram {
            float: right;
            width: 489px;
        }

        .sns_api .news_sns {
            margin-top: 16px;
            padding: 20px 0 20px 30px;
            border: 1px solid #d9d9d9;
        }

            .sns_api .news_sns h6 {
                margin-bottom: 14px;
                color: #333333;
                font-size: 16px;
            }

            .sns_api .news_sns .sns a {
                float: left;
                margin-right: 10px;
            }

            .sns_api .news_sns .sns img {
                display: block;
                width: 34px;
            }

    .storify {
        overflow: hidden;
        margin-left: -12px;
    }

        .storify iframe {
            width: 100% !important;
            max-width: 100% !important;
            padding-left: 16px !important;
        }

    /* Etc */
    .etc {
        padding: 100px 0;
    }

        .etc .textarea {
            margin: 0 auto;
            width: 80%;
        }

            .etc .textarea h4 {
                color: #323232;
                font-size: 30px;
                line-height: 1.2;
                padding: 28px 0 49px;
                background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bull/bull_title02.jpg) no-repeat 0 0;
            }

            .etc .textarea h5 {
                font-size: 24px;
                line-height: 1.2;
                padding-bottom: 53px;
            }

            .etc .textarea h6 {
                color: #030303;
                font-size: 16px;
                line-height: 1.2;
                padding-bottom: 27px;
            }

            .etc .textarea p {
                color: #777777;
                font-size: 16px;
                line-height: 22px;
                padding-bottom: 27px;
            }
}

/* PC css */
@media all and (min-width:1280px) {
    /* 디바이스 뷰 제어 */
    .w_hidden {
        display: none !important
    }
    /*.m_hidden{width:100%;}*/
    #main_content3 .m_hidden {
        width: 100%;
    }

    /* 404 not found */
    .btn_type05 p {
        text-align: left;
        margin: 0;
    }
    
    /* 구글 버튼 너비 고정 */
    .nsm7Bb-HzV7m-LgbsSe{
        width: 318px !important;
    }    
    .hJDwNd-SxQuSe{
        width: 318px !important;
    }    
    .i5vt6e-Ia7Qfc{
        width: 318px !important;
    }    
    .uaxL4e-RbRzK{
        width: 318px !important;
    }    
    

        .btn_type05 p.type08 span {
            display: block;
            padding: 1px 20px 1px 20px;
            border-radius: 5px;
            ;
            background: #818286;
            color: #fff;
            font-size: 18px;
            behavior: url(PIE.htc)
        }

    .dashcam .imgarea8 {
        height: 590px;
        background-color: #f5f5f5
    }

        .dashcam .imgarea8 .textarea {
            position: absolute;
            top: 100px;
            width: 100%;
            text-align: center
        }

            .dashcam .imgarea8 .textarea h4 {
                font-size: 50px;
                font-weight: bold;
            }

            .dashcam .imgarea8 .textarea > p {
                margin: 10px 0 0 0;
                font-size: 18px;
            }

    .dashcam .c_box {
        width: 50%;
    }

    .dashcam .t_box {
        width: 135%;
        margin: 30px 60%;
    }

    .dashcam .t_box1 {
        width: 1200px;
        margin: 30px 60%;
    }

    .dashcam .btn_area1 {
        width: 444px;
        float: left;
        margin-top: 30px;
    }

        .dashcam .btn_area1 .foot_404 {
            font-size: 18px;
            width: 700px;
        }

        .dashcam .btn_area1 .foot_404_end {
            font-size: 18px;
            width: 700px;
            margin-bottom: 20%;
        }

        .dashcam .btn_area1 .right {
            font-size: 18px
        }

    /*201707상단 팝업추가*/

    /* 공통 */
    .btn_type01 {
        display: inline-block;
        cursor: pointer;
    }

        .btn_type01 p {
            text-align: center;
            margin: 0;
        }

            .btn_type01 p.type01 span {
                display: block;
                padding: 15px 16px;
                border-radius: 5px;
                background: #3898d3;
                color: #fff;
                font-size: 18px;
                behavior: url(PIE.htc)
            }

            .btn_type01 p.type02 span {
                display: block;
                padding: 5px 15px;
                border-radius: 5px;
                ;
                background: #3898d3;
                color: #fff;
                font-size: 14px;
                behavior: url(PIE.htc)
            }

            .btn_type01 p.type03 span {
                display: block;
                padding: 10px 20px 10px 55px;
                border-radius: 5px;
                background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/icon/icon_download.png) no-repeat 20px center;
                background-color: #3898d3;
                color: #fff;
                font-size: 14px;
                behavior: url(PIE.htc)
            }

            .btn_type01 p.type04 span {
                display: block;
                padding: 10px 15px;
                border-radius: 5px;
                background: #3898d3;
                color: #fff;
                font-size: 14px;
                behavior: url(PIE.htc)
            }

            .btn_type01 p.type05 span {
                display: block;
                padding: 10px 20px 10px 55px;
                border-radius: 5px;
                background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/icon/icon_buy03.png) no-repeat 20px center;
                background-color: #3898d3;
                color: #fff;
                font-size: 14px;
                behavior: url(PIE.htc)
            }

            .btn_type01 p.type06 span {
                display: block;
                padding: 10px 20px 10px 50px;
                border-radius: 5px;
                background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/icon/icon_review.png) no-repeat 20px center;
                background-color: #3898d3;
                color: #fff;
                font-size: 14px;
                behavior: url(PIE.htc)
            }

            .btn_type01 p.type07 span {
                display: block;
                padding: 10px 0 10px;
                width: 154px;
                border-radius: 5px;
                background: #3898d3;
                color: #fff;
                font-size: 14px;
                behavior: url(PIE.htc)
            }

            .btn_type01 p.type08 span {
                display: block;
                padding: 10px 20px 10px 55px;
                border-radius: 5px;
                background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/icon/icon_buy05.png) no-repeat 20px center;
                background-color: #3898d3;
                color: #fff;
                font-size: 14px;
                behavior: url(PIE.htc)
            }

    .btn_type02 {
        display: inline-block
    }

        .btn_type02 p {
            text-align: center;
        }

            .btn_type02 p.type01 span {
                display: block;
                padding: 15px 30px;
                border-radius: 5px;
                background: #4e545a;
                color: #fff;
                font-size: 18px;
                behavior: url(PIE.htc)
            }

            .btn_type02 p.type02 span {
                display: block;
                padding: 5px 15px;
                border-radius: 5px;
                ;
                background: #4e545a;
                color: #fff;
                font-size: 14px;
                behavior: url(PIE.htc)
            }

            .btn_type02 p.type03 span {
                display: block;
                padding: 10px 15px;
                border-radius: 5px;
                ;
                background: #4e545a;
                color: #fff;
                font-size: 14px;
                behavior: url(PIE.htc)
            }

        .btn_type02.btn_sns {
            position: relative;
        }

            .btn_type02.btn_sns.on .btn_type02 span {
                border-radius: 5px 5px 0 0;
                behavior: url(PIE.htc)
            }

            .btn_type02.btn_sns a {
                margin: 0 !important
            }

            .btn_type02.btn_sns p.list {
                position: absolute;
                top: 54px;
                left: 0;
                display: inline-block;
                width: 100%;
                height: 0;
                border-radius: 0 0 5px 5px;
                background: #4e545a;
                overflow: hidden;
                z-index: 10;
                behavior: url(PIE.htc)
            }

                .btn_type02.btn_sns p.list a {
                    display: block;
                    width: 100%;
                    padding: 17px 0;
                    border-top: 1px solid #fff
                }

    .btn_type03 {
        display: inline-block
    }

        .btn_type03 p {
            text-align: center
        }

            .btn_type03 p.type01 span {
                display: block;
                padding: 15px 30px;
                border-radius: 5px;
                background: #bfc6cd;
                color: #fff;
                font-size: 18px;
                behavior: url(PIE.htc)
            }

            .btn_type03 p.type02 span {
                display: block;
                padding: 10px 15px;
                border-radius: 5px;
                ;
                background: #bfc6cd;
                color: #fff;
                font-size: 14px;
                behavior: url(PIE.htc)
            }

            .btn_type03 p.type03 span {
                display: block;
                padding: 2px 4px;
                border-radius: 5px;
                ;
                background: #bfc6cd;
                color: #fff;
                font-size: 10px;
                behavior: url(PIE.htc)
            }

            .btn_type03 p.type04 span {
                display: block;
                padding: 10px 20px;
                border-radius: 5px;
                ;
                background: #bfc6cd;
                color: #fff;
                font-size: 18px;
                behavior: url(PIE.htc)
            }

    .btn_type04 {
        display: block;
        padding: 2px;
        border-radius: 5px;
        background: #bfc6cd;
        color: #fff;
        font-size: 11px
    }

    .btn_type04 {
        position: relative;
        display: inline-block
    }

        .btn_type04 a {
            color: #fff
        }

    .paging {
        margin: 0 auto 150px
    }

        .paging ul li {
            float: left;
            margin: 0 10px 0 0;
            font-size: 16px;
            text-align: center
        }

            .paging ul li.left {
                margin-right: 30px
            }

            .paging ul li.right {
                margin-left: 30px
            }

            .paging ul li.R_right {
                margin: 0
            }

                .paging ul li.left a, .paging ul li.right a, .paging ul li.L_left a, .paging ul li.R_right a {
                    padding: 0
                }

            .paging ul li a {
                display: block;
                width: 30px;
                height: 25px;
                padding: 5px 0 0 0;
                color: #ccd5de
            }

            .paging ul li.on a {
                background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bg/bg_paging.png) no-repeat 0 0;
                color: #fff
            }

    span.bull_star01 {
        display: block;
        padding: 0 0 0 10px;
        color: #777; /*background:url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bull/bull_dot02.png) no-repeat 0 7px;*/
        font-size: 14px;
    }
    /*  */
    span.bull_star02 {
        display: block;
        padding: 0 0 0 10px;
        color: #333;
        font-size: 16px;
    }
        /* background:url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bull/bull_dot02.png) no-repeat 0 7px;*/
        span.bull_star02 img {
            vertical-align: top;
            position: relative;
            top: 6px;
        }

    span.bull_star_nobg {
        display: block;
        padding: 10px 0 40px 10px;
        color: #4582bf
    }

    span.point {
        display: block;
        padding: 0 0 0 20px;
        background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/icon/icon_point.png) no-repeat 0 center;
        color: #777
    }

    span.prepared {
        float: left;
        color: #aaa;
    }

    span.name {
        float: left;
        margin-right: 15px;
        padding: 0 0 0 5px;
        color: #aaa;
        font-weight: bold;
    }

    span.day {
        padding: 0 0 0 17px;
        background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/icon/icon_day.png) no-repeat 0 center;
        color: #aaa
    }

    span.comment {
        padding: 0 0 0 17px;
        background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/icon/icon_comment.png) no-repeat 0 center;
        color: #aaa
    }

    span.view {
        padding: 0 0 0 17px;
        background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/icon/icon_view.png) no-repeat 0 center;
        color: #aaa;
        font-weight: bold;
    }

    table.type01 {
        width: 1200px;
        margin: 100px 0 30px;
        border-top: 1px solid #a6a9ac;
        border-bottom: 1px solid #a6a9ac;
        font-size: 14px;
        text-align: center
    }

        table.type01 caption {
            font-size: 0;
            text-indent: -9999px
        }

        table.type01 th, table.type01 td {
            padding: 20px;
            border-right: 1px solid #d5d6d8;
            font: 300 14px "Open Sans"
        }

        table.type01 td {
            border-top: 1px solid #d5d6d8;
            border-right: 1px solid #d5d6d8;
            background: #fff;
            color: #666
        }

        table.type01 th {
            background: #f7f7f7
        }

        table.type01 .n_bt {
            border-top: 0
        }

        table.type01 .n_bl {
            border-left: 0
        }

        table.type01 .n_br {
            border-right: 0
        }

        table.type01 .n_bb {
            border-bottom: 0
        }

        table.type01 .b_bt {
            border-top: 1px solid #d5d6d8
        }

        table.type01 .b_bl {
            border-left: 1px solid #d5d6d8
        }

        table.type01 .b_br {
            border-right: 1px solid #d5d6d8
        }

        table.type01 .b_bb {
            border-bottom: 1px solid #d5d6d8
        }

        table.type01 .left {
            text-align: left
        }

            table.type01 .left strong {
                font-weight: bold;
            }

        table.type01 .center {
            text-align: center
        }

        table.type01 .right {
            text-align: right
        }

    /*공통 추가*/
    .f_bold {
        font-weight: bold;
    }

    .f_color {
        color: #7296ba
    }

    /* 상단 해더영역 */
    .header {
        width: 100%;
        height: 80px;
        background: #212223;
        z-index: 100;
        position: relative;
    }

        .header .logo {
            float: left;
            margin: 31px 0 0 40px;
        }

            .header .logo img {
                width: 106px;
                height: 15px;
            }

        .header .gnb {
            width: 700px;
            height: 34px !important;
            margin: 0 auto;
            text-align: center;
            text-transform: uppercase;
            font-weight: 400;
            padding-top: 25px;
        }

            .header .gnb ul li {
                float: left;
                margin: 0 0px 0 35px;
                font-size: 18px
            }

                .header .gnb ul li a {
                    color: #a8a9aa
                }

                    .header .gnb ul li a.point {
                        color: #ee3124;
                    }

                .header .gnb ul li.on a {
                    color: #d1d1d1;
                    font-weight: normal
                }

    #Menu4 {
        margin-left: 50px
    }

    /* 상단 팝업영역 */
    .top_notice {
        background: #3e3f41;
        height: 180px;
        width: 100%;
        color: #eee;
        overflow: hidden;
        position: relative;
    }

        .top_notice .close {
            position: absolute;
            top: 10px;
            right: 10px;
        }

        .top_notice .nation_tit {
            width: auto;
            margin: 0 auto;
            text-align: center;
            font-size: 14px;
            margin-top: 40px;
            line-height: 1.4;
        }

        .top_notice .nation_sel {
            width: 380px;
            margin: 0 auto;
            text-align: center;
            font-size: 14px;
            margin-top: 20px;
            overflow: hidden
        }

            .top_notice .nation_sel .link {
                float: left;
                width: auto;
                height: 48px;
                line-height: 48px;
            }

            .top_notice .nation_sel .nation {
                margin-left: 60px;
            }

    /*헤더영역 언어기능 추가로 인한 수정(06.14)*/
    .header .header_btn {
        position: absolute;
        right: 0;
        top: 0
    }

        .header .header_btn > div {
            float: left;
            width: 140px;
            border-left: 1px solid #353638;
        }

    .header .btn_about {
        background: #000;
        text-align: center
    }

        .header .btn_about a {
            display: block;
            line-height: 79px;
            width: 100%;
            color: #d1d1d1;
            font-size: 14px;
            text-align: center
        }

    .header .btn_signin {
        background: #000;
        text-align: center
    }

        .header .btn_signin a {
            border-bottom: 1px solid #ee3425;
            display: block;
            height: 79px;
            width: 100%;
            background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/icon/icon_signin.png) center center no-repeat;
        }

            .header .btn_signin a.on {
                background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/icon/icon_signout.png) center center no-repeat;
            }

    .header .login_ing {
        display: none;
    }

        .header .login_ing ul li {
            background: #000;
        }

            .header .login_ing ul li a {
                border-bottom: 1px solid #353638;
                height: 50px;
                line-height: 50px;
                display: block;
                color: #d1d1d1;
                font-size: 14px;
                padding: 0 10%;
            }

    .language {
        width: 140px;
        float: left;
        position: relative
    }

        .language ul li {
            background: #000;
        }

            .language ul li a {
                border-bottom: 1px solid #353638;
                height: 80px;
                line-height: 1.6;
                display: block;
                color: #d1d1d1;
                font-size: 14px;
                padding: 0 10%;
                text-align: center;
                box-sizing: border-box;
                padding-top: 20px;
            }

        .language .lang_now {
            position: relative;
            width: 140px;
            height: 79px;
        }

            .language .lang_now li {
                display: none;
                position: absolute;
                left: 0;
                top: 0;
                width: 140px;
            }

                .language .lang_now li.now {
                    display: block;
                }

                    .language .lang_now li.now a {
                        border-bottom: 1px solid #ee3425;
                        height: 80px;
                        line-height: 1.6;
                        background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bull/bull_lang.gif) no-repeat 90% 40px;
                        padding-left: 10%;
                        text-align: center;
                        box-sizing: border-box;
                        padding-top: 20px
                    }

    .footer .language .lang_now li.now a {
        border-top: 1px solid #ee3425;
        border-bottom: none;
        background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bull/bull_lang2.gif) no-repeat 90% 40px;
    }

    .footer .language .lang_link {
        position: absolute;
        bottom: 79px;
        left: 0;
        width: 140px;
        display: none;
    }

    .language .lang_link li.on {
        display: none;
    }

    .language .lang_link li {
        display: block;
    }

    .language .lang_link a {
        padding-left: 10%;
    }

    /*JP최상단 탑배너*/
    .top_popup_wrap {
        width: 100%;
        height: auto;
        color: #fff;
        background: #3898d4;
        text-align: center;
        font-size: 14px;
        display: none;
    }

        .top_popup_wrap .top_popup {
            display: block;
            width: 920px;
            height: 100%;
            margin: 0 auto;
            line-height: 1.8;
            padding: 12px 0px;
            box-sizing: border-box;
        }

        .top_popup_wrap .top_popup_close {
            position: absolute;
            top: 20px;
            right: 20px;
        }

    /* 메인 */
    .wrap {
        margin: 0px 0 0 0;
    }

    .main_content1 .swiper-container {
        width: 100%;
    }

        .main_content1 .swiper-container h1 {
            position: absolute;
            top: 40%;
            width: 100%;
            text-align: center;
            font-size: 66px;
            text-transform: uppercase;
            font-weight: 600;
            color: #fff;
        }

        .main_content1 .swiper-container p {
            position: absolute;
            top: 30%;
            width: 100%;
            text-align: center;
            font-size: 42px;
            color: #fff;
        }

        .main_content1 .swiper-container .btn_more {
            position: absolute;
            top: 38%;
            width: 100%;
        }

        .main_content1 .swiper-container .btn_more2 {
            top: 38%;
            left: -22%;
        }

        .main_content1 .swiper-container .btn_more3 {
            top: 44%;
            left: -24%;
        }

        .main_content1 .swiper-container .btn_more a {
            display: block;
            margin: 0 auto;
            width: 165px;
            text-align: center;
            line-height: 53px;
            font-size: 14px;
            text-transform: uppercase;
            font-weight: 500;
            color: #fff;
            background: #3898d4;
            border-radius: 4px;
        }

    .main_content1 .gallery-cell {
        width: 100%;
    }

        .main_content1 .gallery-cell.visual_1 {
            background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/content/main/main_visual_01.jpg) center 0 no-repeat;
            background-size: cover;
        }

        .main_content1 .gallery-cell h1 {
            text-align: center;
            font-size: 66px;
            text-transform: uppercase;
            font-weight: 600;
            color: #fff;
        }

        .main_content1 .gallery-cell p {
            padding-top: 237px;
            text-align: center;
            font-size: 42px;
            color: #fff;
        }

        .main_content1 .gallery-cell .btn_more {
            padding-top: 75px;
        }

            .main_content1 .gallery-cell .btn_more a {
                display: block;
                margin: 0 auto;
                width: 165px;
                text-align: center;
                line-height: 53px;
                font-size: 18px;
                text-transform: uppercase;
                font-weight: 500;
                color: #fff;
                background: #3898d4;
                border-radius: 4px;
            }

    .main_content2 {
        margin: 0 auto;
        width: 1100px;
    }

        .main_content2 li {
            float: left;
            padding: 32px 0 18px;
/*            width: 32%;*/
            width: 48%;
            text-align: center;
        }

            .main_content2 li.vertical {
                width: 1%;
            }

            .main_content2 li a {
                font-size: 24px;
                color: #333333;
            }

                .main_content2 li a .img {
                    display: inline-block;
                    width: 70px;
                    vertical-align: middle;
                }

                .main_content2 li a p {
                    display: inline-block;
                }

    .main_content3 {
        width: 100%;
        padding: 60px 0;
        background: #f9fafa;
    }

        .main_content3 ul {
            margin: 0 auto;
            width: 1280px;
        }

        .main_content3 li {
            float: left;
            width: 625px;
            padding-bottom: 30px;
        }

            .main_content3 li.pdr30 {
                padding-right: 30px;
            }

            .main_content3 li a {
                display: block;
            }

        .main_content3 .img {
            float: left;
            width: 355px;
            height: 250px;
        }

        .main_content3 img {
            width: 100%;
        }

        .main_content3 dl {
            float: left;
            padding: 0 30px;
            width: 210px;
            height: 250px;
            background: #b8c0c8;
        }

        .main_content3 dt {
            padding: 57px 0 11px;
            font-size: 30px;
            color: #fff;
            line-height: 34px;
            text-transform: uppercase;
            font-weight: 300;
        }

        .main_content3 dd {
            font-size: 16px;
            color: #fff;
            line-height: 26px;
        }

    #main_content1 {
        position: relative;
        height: 100%;
        font-size: 0
    }

        #main_content1 .movie_area {
            position: relative;
            padding-bottom: 55.25%;
            padding-top: 0px;
            height: 0;
            overflow: hidden;
        }

            #main_content1 .movie_area iframe, #main_content1 .movie_area object, #main_content1 .movie_area embed {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
            }

        #main_content1 .m_hidden {
            width: 100%;
            height: 1200px;
        }

        #main_content1 .textarea .text {
            position: absolute;
            top: 24.4%;
            width: 100%;
            color: #fff;
            text-align: center
        }

            #main_content1 .textarea .text h1 {
                font-size: 65px;
                font-weight: bold
            }

            #main_content1 .textarea .text p {
                margin: 7px 0 0 0;
                font-size: 16px
            }

        #main_content1 .textarea .btn_play {
            position: absolute;
            top: 44.4%;
            width: 100%;
            text-align: center
        }

            #main_content1 .textarea .btn_play img {
                width: 6.3%
            }

            #main_content1 .textarea .btn_play p {
                margin: 25px 0 0 0;
                color: #fff;
                font-size: 18px;
                font-weight: bold
            }

        #main_content1 .bottom {
            position: absolute;
            bottom: 75px;
            width: 100%;
            height: 158px;
            background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bg/bg_main01.png) no-repeat 0 bottom;
            background-size: 100%;
            behavior: url(PIE.htc)
        }

            #main_content1 .bottom .left {
                position: relative;
                width: 50%;
                float: left;
                height: 100%;
                color: #fff;
                text-align: left;
            }

                #main_content1 .bottom .left strong {
                    position: absolute;
                    top: 10%;
                    left: 10%;
                    width: 85%;
                    font-size: 32px
                }

                #main_content1 .bottom .left span {
                    position: absolute;
                    top: 56%;
                    left: 10%;
                    width: 85%;
                    font-size: 14px
                }

                    #main_content1 .bottom .left span a:hover {
                        text-decoration: underline;
                    }

                #main_content1 .bottom .left .btn_news {
                    position: absolute;
                    top: 80.9%;
                    left: 77%;
                    width: 20%;
                    font-size: 14px
                }

                #main_content1 .bottom .left .bod {
                    position: absolute;
                    top: 50%;
                    left: 10%;
                    width: 75%;
                    font-size: 14px;
                    border-top: 1px solid;
                }

            #main_content1 .bottom .right {
                position: relative;
                width: 50%;
                float: right;
                height: 100%;
                text-align: center
            }

                #main_content1 .bottom .right img {
                    position: absolute;
                    left: -60%;
                    bottom: -48%;
                    width: 50%
                }
                /* [0414_수정]left:21.3%;bottom:18.4%;width:27.9% */
                #main_content1 .bottom .right > span {
                    position: absolute;
                    top: 32.7%;
                    right: 4.2%;
                    padding: 0 30px 0 0;
                    background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/btn/btn_right01.png) no-repeat right center;
                    color: #fff;
                    text-align: left;
                    width: 55%
                }

                    #main_content1 .bottom .right > span span {
                        font-size: 16px;
                        font-weight: normal
                    }

                    #main_content1 .bottom .right > span strong {
                        font-size: 26px
                    }

            #main_content1 .bottom.movie_bottom {
                bottom: -15%;
            }

    #main_content2 {
        width: 100%;
        height: 18.7%
    }

        #main_content2 > .textarea {
            width: 100%;
            padding: 100px 0 0 0;
            text-align: center
        }

            #main_content2 > .textarea h2 {
                font-size: 46px
            }

            #main_content2 > .textarea p {
                margin: 10px 0 0 0;
                font-size: 16px
            }

        #main_content2 > .btn_area {
            margin: 30px 0 0 -82.5px;
            padding: 0 0 0 50%
        }

        #main_content2 .content {
            padding: 80px 0 90px 0
        }

            #main_content2 .content ul li {
                float: left;
                width: 22.2%;
                margin: 0 0 0 2.2%
            }

                #main_content2 .content ul li .img {
                    font-size: 0
                }

                    #main_content2 .content ul li .img img {
                        width: 100%
                    }

                #main_content2 .content ul li .textarea {
                    min-height: 320px;
                    background: #b8c0c8;
                    color: #fff;
                    text-align: center;
                    height: 320px;
                }

                    #main_content2 .content ul li .textarea h3 {
                        height: 120px;
                        padding: 40px 5px 0;
                        font-size: 24px
                    }

                    #main_content2 .content ul li .textarea p {
                        padding: 30px 20px 10px;
                        font-size: 14px;
                        line-height: 24px;
                    }

    #main_content3 {
        overflow: hidden;
    }

        #main_content3 .perfor_area {
            position: relative;
            font-size: 0
        }

            #main_content3 .perfor_area > img {
                width: 100%
            }

            #main_content3 .perfor_area .perfor {
                position: absolute;
                left: 6.5%;
                bottom: 12%;
                color: #fff;
                font-size: 12px;
                text-align: center
            }

                #main_content3 .perfor_area .perfor > h4 {
                    font-size: 46px
                }

                #main_content3 .perfor_area .perfor .icon {
                    margin: 30px 0 0 0
                }

                    #main_content3 .perfor_area .perfor .icon ul li {
                        float: left;
                        margin: 0 30px 0 0;
                        font-size: 12px
                    }

                        #main_content3 .perfor_area .perfor .icon ul li img {
                            margin: 0 0 12px 0
                        }

        #main_content3 .content {
            width: 100%;
            margin: 60px 0 60px 0
        }

            #main_content3 .content .list {
                position: relative;
                left: 8%;
            }

                #main_content3 .content .list ul li {
                    float: left;
                    width: 16.6%;
                    margin: 0 2.2%;
                    text-align: center
                }

                    #main_content3 .content .list ul li img {
                        width: 100%
                    }

                    #main_content3 .content .list ul li > h5 {
                        margin: 21px 0 15px 0;
                        font-size: 24px
                    }

                    #main_content3 .content .list ul li > p {
                        margin: 0 0 20px 0;
                        color: #777;
                        font-size: 14px
                    }

    #main_content4 .community {
        position: relative;
        width: 100%
    }

        #main_content4 .community img {
            width: 100%
        }

        #main_content4 .community .textarea {
            position: absolute;
            top: 0%;
            width: 100%;
            height: 100%;
            color: #fff;
            text-align: center
        }

            #main_content4 .community .textarea h4 {
                position: absolute;
                top: 26%;
                width: 100%;
                font-size: 46px
            }

            #main_content4 .community .textarea > p {
                position: absolute;
                top: 43%;
                width: 100%;
                font-size: 16px
            }

            #main_content4 .community .textarea .btn_area {
                position: absolute;
                top: 62.1%;
                width: 100%
            }

    #main_content4 .content {
        width: 100%
    }

        #main_content4 .content div.best {
            margin: 80px 0 0 0
        }

        #main_content4 .content div.new {
            margin: 60px 0 80px 0
        }

        #main_content4 .content div .title {
            width: 100%;
            margin: 0 0 40px 0;
            text-align: center
        }

            #main_content4 .content div .title h4 {
                display: inline-block;
                color: #609dc3;
                border-bottom: 2px solid #609dc3;
                font-size: 30px
            }

        #main_content4 .content div .list ul li {
            float: left;
            width: 30%;
            margin: 0 2.5%
        }

            #main_content4 .content div .list ul li.center {
                margin: 0
            }

            #main_content4 .content div .list ul li img {
                float: left;
                width: 54.5%
            }

            #main_content4 .content div .list ul li .text_area {
                float: right;
                width: 40%;
            }

                #main_content4 .content div .list ul li .text_area h5 {
                    margin: -9px 0 11px 0;
                    font-size: 24px
                }
                /* [0414_수정]margin:0 0 11px 0;*/
                #main_content4 .content div .list ul li .text_area > p {
                    margin: 0 0 9px 0;
                    color: #777;
                    font-size: 14px
                }

                #main_content4 .content div .list ul li .text_area > span.view {
                    color: #aaa;
                    font-size: 11px
                }
            /* [0414_수정]margin:0 0 25px 0;*/
            #main_content4 .content div .list ul li .info {
                margin-bottom: 30px;
            }

    #main_content5 {
        width: 100%;
        height: 7.3%;
        color: #fff;
        background: #505052;
    }

        #main_content5 > .left {
            float: left;
            width: 75%;
        }

            #main_content5 > .left .text_area {
                margin: 100px 0 30px 0;
                text-align: center
            }

                #main_content5 > .left .text_area h4 {
                    font-size: 30px
                }

                #main_content5 > .left .text_area > div {
                    display: inline-block
                }

                    #main_content5 > .left .text_area > div p {
                        float: left;
                        margin: 20px 0 15px 0;
                        font-size: 14px
                    }

                    #main_content5 > .left .text_area > div .checkbox {
                        float: right;
                        margin: 13px 0 0 15px
                    }

            #main_content5 > .left .infor {
                padding: 0 5.1%
            }

                #main_content5 > .left .infor input[type="text"] {
                    width: 65%;
                    height: 25px;
                    padding: 0 0 0 10px;
                    border: none;
                    background: none;
                    color: #fff;
                    font-size: 14px
                }

                #main_content5 > .left .infor > div {
                    float: left;
                    padding: 0 0 5px 0;
                    border-bottom: 2px solid #818184
                }

                #main_content5 > .left .infor div.name {
                    width: 20%;
                    margin: 0 2.9% 0 0
                }

                #main_content5 > .left .infor div.email {
                    width: 52%;
                    margin: 0 2.9% 0 0
                }

                #main_content5 > .left .infor div.country {
                    width: 20%;
                    border: 0;
                    padding: 0
                }

                    #main_content5 > .left .infor div.country fieldset {
                        width: 100%
                    }

                    #main_content5 > .left .infor div.country .videos_select {
                        width: 100%;
                        background: none
                    }

                    #main_content5 > .left .infor div.country .my_value {
                        padding: 5px 10px 5px 0;
                        border-bottom: 2px solid #818184;
                        font-size: 14px;
                        text-indent: 0
                    }

                    #main_content5 > .left .infor div.country .arrow {
                        border-top: 5px solid #a4a4a8;
                        border-left: 5px solid #505052;
                        border-right: 5px solid #505052
                    }

                    #main_content5 > .left .infor div.country .content {
                        height: 0;
                        top: 32px;
                        background: #818184;
                        z-index: 10
                    }

                        #main_content5 > .left .infor div.country .content .input input {
                            width: 91%;
                            border: 1px solid #e4e4e4;
                            background: #fff;
                            color: #333
                        }

                        #main_content5 > .left .infor div.country .content .jspTrack {
                            background: #747477;
                            height: 189px
                        }

                        #main_content5 > .left .infor div.country .content .jspDrag {
                            background: #949496;
                            height: 8px
                        }

                #main_content5 > .left .infor div label {
                    color: #a4a4a8;
                    font-size: 14px
                }

            #main_content5 > .left .btn_area {
                width: 100%;
                margin: 40px 0 80px 0;
                text-align: center
            }

        #main_content5 > .right {
            float: right;
            height: 435px;
            width: 25%;
            background: #38383a;
            text-align: center
        }

            #main_content5 > .right h4 {
                margin: 100px 0 30px 0;
                font-size: 30px
            }

            #main_content5 > .right > p {
                padding: 0 20px;
                font-size: 14px
            }

            #main_content5 > .right img {
                margin: 35px 0 40px 0
            }

            #main_content5 > .right .btn_area {
                margin: 4px 0 64px 0
            }

    #main_content6 {
        position: relative;
        width: 100%;
        font-size: 0
    }

        #main_content6 img {
            width: 100%
        }

        #main_content6 .text_area {
            position: absolute;
            top: 39.1%;
            width: 100%;
            color: #fff;
            text-align: center
        }

            #main_content6 .text_area h4 {
                font-size: 46px
            }

    #main_content7 {
        width: 100%
    }

        #main_content7 .imgarea4 {
            background-color: #fff;
        }

            #main_content7 .imgarea4 .textarea h4.title {
                margin: 85px 0 0 0;
                padding: 30px 0 0 0;
                background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bull/bull_title01.jpg) no-repeat center 0;
                font-size: 50px
            }

            #main_content7 .imgarea4 .textarea h5 {
                margin: 50px 0;
                font-size: 24px
            }

            #main_content7 .imgarea4 .textarea .check_list {
                text-align: left;
                padding: 30px 0;
                width: 90%;
                margin: 0 auto
            }

                #main_content7 .imgarea4 .textarea .check_list li {
                    float: left;
                    width: 44%;
                    margin: 5px 0;
                    padding: 0 0 0 30px;
                    background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bull/bull_check01.png) no-repeat 0 center;
                    font-size: 18px;
                    color: #666
                }

            #main_content7 .imgarea4 .textarea .btn_area {
                margin-bottom: 50px
            }

        #main_content7 .content2_bg {
            background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bg/bg_dashcam.jpg) no-repeat #f8f8f2;
            background-size: 100%
        }

        #main_content7 .imgarea4 .imgarea {
            float: left;
            width: 50%;
            font-size: 0;
            overflow: hidden;
            text-align: center
        }

            #main_content7 .imgarea4 .imgarea img {
                width: 100%
            }

        #main_content7 .imgarea4 .textarea {
            float: right;
            width: 50%;
            height: 100%;
            text-align: center
        }

    /* WHY GET A DASHCAM? css */
    .dashcam > .imgarea {
        position: relative;
        width: 100%;
        height: 379px;
        font-size: 0;
        text-align: center;
        background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bg/bg_whygetadashcan_header_p_new.jpg) 0 0 no-repeat;
        background-size: cover;
    }

        .dashcam > .imgarea .text {
            padding-top: 150px;
            width: 100%;
            color: #fff;
            text-align: center
        }

            .dashcam > .imgarea .text h4 {
                font-size: 70px;
                text-transform: uppercase;
            }

            .dashcam > .imgarea .text p {
                margin: 10px 0 0 0;
                font-size: 16px
            }

    .dashcam .content {
        margin: 60px auto 0;
        width: 1200px;
    }

        .dashcam .content .title {
            width: 100%;
            padding: 40px 0 0 0;
            background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bull/bull_title01.jpg) no-repeat center 0;
            font-size: 50px;
            text-align: center
        }

        .dashcam .content .imgarea {
            font-size: 0
        }

        .dashcam .content .right {
            margin: 80px 0 0 0;
            width: 1200px;
            text-align: center;
        }

            .dashcam .content .right .movearea {
            }
            /*float:right*/
            .dashcam .content .right .textarea {
            }
        /* float:left;width:420px*/

        .dashcam .content .movearea {
            position: relative;
        }

            .dashcam .content .movearea .btn_play2 {
                position: absolute;
                top: 45%;
                left: 0%;
                width: 100%;
                text-align: center
            }

                .dashcam .content .movearea .btn_play2 img {
                    width: 9.3%
                }

        .dashcam .content .textarea h5 {
            padding: 20px 0 30px 0;
            background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bull/bull_title02.jpg) no-repeat center 0;
            font-size: 30px;
            line-height: 32px
        }

        .dashcam .content .textarea p {
            margin: 30px 0 20px 0;
            font-size: 16px;
            padding: 0 20px;
            text-align: center;
        }

        .dashcam .content .left {
            margin: 80px 0 0 0;
            width: 1200px;
            text-align: center;
        }

            .dashcam .content .left .imgarea {
            }
            /* float:left */
            .dashcam .content .left .textarea {
            }
            /* float:right;width:420px */
            .dashcam .content .left span.bull_star02 {
                margin: 20px 0 0 0;
            }

    .dashcam .imgarea2 {
        height: 599px;
        margin: 130px 0 0 0
    }

        .dashcam .imgarea2 .imgarea {
            float: left;
            width: 50%;
            font-size: 0;
            background: #eff0f0;
            overflow: hidden
        }

        .dashcam .imgarea2 .textarea {
            float: right;
            width: 50%;
            height: 100%;
            background: #eff0f0;
            text-align: center
        }

            .dashcam .imgarea2 .textarea h4.title {
                margin: 70px 0 0 0;
                padding: 30px 0 0 0;
                background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bull/bull_title01.jpg) no-repeat center 0;
                font-size: 50px
            }

                .dashcam .imgarea2 .textarea h4.title.subtit_font {
                    font-size: 38px
                }

            .dashcam .imgarea2 .textarea h5 {
                margin: 40px 0;
                font-size: 24px
            }

            .dashcam .imgarea2 .textarea p {
                padding: 0 80px;
                font-size: 16px;
            }

    .dashcam .content2_bg {
        background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bg/bg_dashcam.jpg) no-repeat #f8f8f2;
        background-size: 100%
    }

    .dashcam .content2 {
        width: 1200px;
        margin: 0 auto;
        padding: 100px 0 150px;
    }

        .dashcam .content2 h4.title {
            width: 1200px;
            margin: 0 auto;
            padding: 30px 0 0 0;
            background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bull/bull_title01.jpg) no-repeat center 0;
            font-size: 50px;
            text-align: center;
            letter-spacing: -0.5px
        }

            .dashcam .content2 h4.title.subtit_font {
                font-size: 38px
            }

        .dashcam .content2 > ul {
            margin: 80px 0 0 0;
            position: relative;
        }

            .dashcam .content2 > ul li {
                margin: 45px 0 0 0
            }

                .dashcam .content2 > ul li.farst {
                    margin: 0
                }

                .dashcam .content2 > ul li .imgarea {
                    position: absolute;
                    left: 0;
                    top: 0;
                    width: 150px;
                }

                .dashcam .content2 > ul li.icon_howdashcam2 .imgarea {
                    left: 20%;
                }

                .dashcam .content2 > ul li.icon_howdashcam3 .imgarea {
                    left: 40%;
                }

                .dashcam .content2 > ul li.icon_howdashcam4 .imgarea {
                    left: 60%;
                }

                .dashcam .content2 > ul li.icon_howdashcam5 .imgarea {
                    left: 80%;
                }

                .dashcam .content2 > ul li .imgarea img {
                    padding-bottom: 10px;
                }

                .dashcam .content2 > ul li .imgarea.on img {
                    padding-bottom: 10px;
                    background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/content/dashcam/bg_whyget_on.png) no-repeat 49% bottom;
                }

                .dashcam .content2 > ul li .textarea {
                    padding: 5%;
                    position: relative;
                    left: 0;
                    top: 200px;
                    display: none;
                    border-top: 1px solid #afb9c2;
                    border-bottom: 1px solid #afb9c2;
                }

                    .dashcam .content2 > ul li .textarea.on {
                        display: block;
                    }

                    .dashcam .content2 > ul li .textarea h5 {
                        font-size: 30px
                    }

                    .dashcam .content2 > ul li .textarea > p {
                        margin: 20px 0 0 0;
                        color: #777;
                        font-size: 16px
                    }

                    .dashcam .content2 > ul li .textarea > ul > li {
                        margin: 30px 0 0 0
                    }

                        .dashcam .content2 > ul li .textarea > ul > li h6 {
                            margin: 0;
                            padding: 0 0 0 10px;
                            background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bull/bull_dot01.png) no-repeat 0 center;
                            font-size: 18px
                        }

                        .dashcam .content2 > ul li .textarea > ul > li p {
                            padding: 0 0 0 10px;
                            color: #777;
                            font-size: 15px
                        }

                        .dashcam .content2 > ul li .textarea > ul > li .bull_star01 {
                            margin: 0 0 0 10px;
                        }

                .dashcam .content2 > ul li.icon_howdashcam5 .textarea {
                    padding-bottom: 40px;
                }

    .dashcam .imgarea3 {
        position: relative;
        height: 700px;
        background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bg/bg_dashcam03_2021.jpg) repeat center 0
    }

        .dashcam .imgarea3 .textarea {
            position: absolute;
            top: 100px;
            width: 100%;
            text-align: center
        }

            .dashcam .imgarea3 .textarea h4 {
                font-size: 50px
            }

            .dashcam .imgarea3 .textarea > p {
                margin: 10px 0 0 0;
                font-size: 14px
            }

            .dashcam .imgarea3 .textarea .btn_area {
                margin: 40px 0 0 0
            }

    .dashcam .imgarea4 {
        background-color: #fff
    }

        .dashcam .imgarea4 .textarea h4.title {
            margin: 100px 0 0 0;
            padding: 30px 0 0 0;
            background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bull/bull_title01.jpg) no-repeat center 0;
            font-size: 50px
        }

            .dashcam .imgarea4 .textarea h4.title.subtit_font {
                font-size: 38px
            }

        .dashcam .imgarea4 .textarea h5 {
            margin: 50px 0;
            font-size: 24px
        }

        .dashcam .imgarea4 .textarea .check_list {
            text-align: left;
            padding: 30px 0;
            width: 90%;
            margin: 0 auto
        }

            .dashcam .imgarea4 .textarea .check_list li {
                float: left;
                width: 44%;
                margin: 5px 0;
                padding: 0 0 0 30px;
                background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bull/bull_check01.png) no-repeat 0 center;
                font-size: 18px;
                color: #666
            }

        .dashcam .imgarea4 .textarea .btn_area {
            margin-bottom: 50px
        }

    .dashcam .content2_bg {
        background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bg/bg_dashcam.jpg) no-repeat #f8f8f2;
        background-size: 100%
    }

    .dashcam .imgarea4 .imgarea {
        float: left;
        width: 50%;
        font-size: 0;
        overflow: hidden;
        text-align: center
    }

        .dashcam .imgarea4 .imgarea img {
            width: 100%
        }

    .dashcam .imgarea4 .textarea {
        float: right;
        width: 50%;
        height: 100%;
        text-align: center
    }

    .dashcam .faq_area h4 {
        width: 1200px;
        margin: 0 auto 15px;
        padding: 30px 0 0 0;
        font-size: 30px;
        letter-spacing: -0.5px;
        color: #34322f;
    }

    .dashcam .faq_area {
        margin: 60px 0 0;
        padding-bottom: 100px;
    }

        .dashcam .faq_area > div {
            width: 65%;
            margin: 0 auto;
        }

        .dashcam .faq_area ul {
            margin-bottom: 20px;
            border-bottom: 2px solid #a6a9ac;
            border-top: 2px solid #a6a9ac;
            background: #fff;
        }

            .dashcam .faq_area ul li.first {
                border-top: none;
            }

            .dashcam .faq_area ul li .title {
                border-top: 1px solid #d5d6d8;
                background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/btn/q_more.gif) no-repeat 99% center;
            }

            .dashcam .faq_area ul li.first .title {
                border: 0
            }

            .dashcam .faq_area ul li .title a {
                display: block;
                width: 90%;
                margin-left: 10px;
                padding: 18px 5% 18px 3%;
                background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bull/qna.gif) no-repeat left center;
                color: #666666;
                font-size: 16px
            }

            .dashcam .faq_area ul li.on .title a {
                color: #3898d3;
            }

            .dashcam .faq_area ul li .title span {
                padding-left: 25px;
                margin-right: 20px;
            }

            .dashcam .faq_area ul li .content {
                margin: 0 auto;
                display: none;
                border-top: 1px dashed #c7c7c7;
                width: 100%;
            }

                .dashcam .faq_area ul li .content p {
                    color: #777;
                    font-size: 14px;
                    line-height: 30px;
                    text-align: left;
                    padding: 30px 20px;
                }

                .dashcam .faq_area ul li .content img {
                    margin: 30px 0 0 0
                }

            .dashcam .faq_area ul li.on .content {
                display: block
            }

        .dashcam .faq_area span a {
            text-decoration: underline;
        }

        .dashcam .faq_area span {
            font-size: 16px;
        }

    .dashcam .imgarea5 {
        position: relative;
        height: 450px;
    }

        .dashcam .imgarea5 img {
            width: 100%;
            height: 450px;
        }

        .dashcam .imgarea5 .textarea {
            position: absolute;
            top: 12%;
            width: 100%;
            text-align: center
        }

            .dashcam .imgarea5 .textarea h4 {
                font-size: 50px;
                color: #fff;
            }

            .dashcam .imgarea5 .textarea h5 {
                font-size: 24px;
                color: #fff;
                margin-bottom: 40px;
            }

            .dashcam .imgarea5 .textarea > p {
                margin: 10px 3% 0 3%;
                font-size: 16px;
                color: #fff;
                line-height: 24px;
                padding: 0 20px;
                width: 94%
            }

            .dashcam .imgarea5 .textarea .btn_area {
                margin: 40px 0 0 0
            }

    /* VIDEOS list CSS */
    .videos .today {
        width: 1200px;
        margin: 160px auto 0
    }

        .videos .today h3 {
            margin: 0 0 40px 0;
            padding: 30px 0 0;
            background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bull/bull_title02.jpg) no-repeat left 0;
            font-size: 30px
        }

        .videos .today .movie_area {
            position: relative;
            float: left;
            width: 640px;
            height: 420px;
            z-index: 1
        }

            .videos .today .movie_area iframe {
                position: absolute;
                width: 100%;
                height: 100%
            }

        .videos .today .textarea {
            float: right;
            width: 520px;
            padding: 20px 0 0 0
        }

            .videos .today .textarea h4 {
                font-size: 30px
            }

            .videos .today .textarea > p {
                margin: 40px 0 150px 0;
                font-size: 16px
            }
            /* 버튼 위치 수정 */
            .videos .today .textarea > .txt {
                margin: 40px 0 118px 0;
                font-size: 16px;
                height: 108px;
            }

            .videos .today .textarea .btn_area a {
                float: left;
                margin: 0 10px 0 0
            }

            .videos .today .textarea .btn_area .btn_sns {
                float: left;
                margin: 0 10px 0 0
            }

    .videos .newvideo {
        width: 1200px;
        margin: 40px auto 0
    }

        .videos .newvideo .title {
            position: relative;
            margin: 0 0 40px 0
        }

            .videos .newvideo .title h3 {
                padding: 30px 0 0;
                background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bull/bull_title02.jpg) no-repeat left 0;
                font-size: 30px
            }

            .videos .newvideo .title form {
                position: absolute;
                right: 0;
                bottom: 0
            }

        .videos .newvideo .list {
            margin: 0 0 60px 0
        }

            .videos .newvideo .list ul li {
                position: relative;
                float: left;
                width: 360px;
                margin: 0 0 40px 60px
            }

                .videos .newvideo .list ul li.frat {
                    margin: 0 0 40px 0
                }

            .videos .newvideo .list .imgarea {
                width: 360px !important;
                height: 205px !important;
                overflow: hidden;
            }

                .videos .newvideo .list .imgarea img {
                    width: 360px !important;
                    height: 205px !important;
                }

            .videos .newvideo .list ul li a {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/btn/btn_video_play.png) no-repeat left 0;
                background-size: 101%;
            }

            .videos .newvideo .list ul li .textarea h4 {
                margin: 0 0 10px 0;
                padding: 15px 0;
                border-bottom: 1px solid #e5e5e5;
                color: #333;
                font-size: 16px
            }

            .videos .newvideo .list ul li .textarea span {
                color: #999
            }

            .videos .newvideo .list ul li .textarea .day {
                float: left
            }

            .videos .newvideo .list ul li .textarea .comment {
                float: right;
                margin: 0 0 0 20px
            }

            .videos .newvideo .list ul li .textarea .view {
                float: right
            }

    /* 20210218 영상제외 > 배너추가 */
    .videos .youtube {
        height: 391px;
        padding: 0;
        background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bg/video_bg_pc.jpg) no-repeat center;
        background-size: cover;
    }

        .videos .youtube .text {
            width: 100%;
            padding: 100px 0 0 0;
            color: #fff;
            text-align: center;
            width: 1200px;
            margin: 0 auto;
        }

            .videos .youtube .text h4 {
                font-size: 50px;
            }

            .videos .youtube .text p {
                margin: 30px 0 0 0;
                font-size: 20px;
                line-height: 26px;
                padding-bottom: 60px;
            }

        .videos .youtube .youtube_api {
            margin: 0 auto;
            width: 1200px;
        }

            .videos .youtube .youtube_api img {
                width: 100%;
            }

            .videos .youtube .youtube_api .youtube_api_m, .videos .youtube .youtube_api .youtube_api_t {
                display: none;
            }

    /* 20200224 배너 변경 */
    .videos {
        margin-top: 40px;
    }

        .videos .videos_banner {
            margin: 60px auto 0;
            width: 1200px;
            height: 207px;
            background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bg/contest_video_bg.jpg) no-repeat 0 0;
        }

            .videos .videos_banner h5 {
                padding: 30px 0 0 340px;
                color: #fff;
                font-size: 34px;
                text-transform: uppercase;
                text-align: center;
            }

            .videos .videos_banner .btn_videos_submit {
                padding: 27px 0 0 660px;
            }

                .videos .videos_banner .btn_videos_submit a {
                    display: block;
                    width: 220px;
                    color: #fff;
                    background: #3898d3;
                    line-height: 42px;
                    font-size: 16px;
                    text-align: center;
                    border-radius: 4px;
                }

        /* VIDEOS view CSS */
        .videos > .view {
            width: 1200px;
            margin: 160px auto
        }

            .videos > .view .video {
                float: left;
                width: 640px
            }

                .videos > .view .video .movie_area .movie {
                    width: 640px;
                    height: 420px;
                    font-size: 0;
                    margin-bottom: 20px;
                }

                    .videos > .view .video .movie_area .movie video {
                        width: 100%;
                        height: 100%;
                    }

                    .videos > .view .video .movie_area .movie div.video-js {
                        width: 100% !important;
                        height: 100% !important;
                    }

                    .videos > .view .video .movie_area .movie iframe {
                        width: 100%;
                        height: 100%
                    }

                .videos > .view .video .movie_area .text_area h3 {
                    margin: 30px 0;
                    font-size: 30px
                }

                .videos > .view .video .movie_area .text_area p {
                    margin: 0 0 30px 0;
                    padding: 0 0 30px 0;
                    border-bottom: 1px solid #e5e5e5;
                    font-size: 16px
                }

                .videos > .view .video .movie_area .text_area span.day {
                    float: left
                }

                .videos > .view .video .movie_area .text_area span.comment {
                    float: right
                }

                .videos > .view .video .movie_area .text_area span.view {
                    float: right;
                    margin: 0 20px 0 0
                }

                .videos > .view .video .movie_area .btn_area {
                    margin: 40px 0 0 0
                }

                    .videos > .view .video .movie_area .btn_area a {
                        float: left;
                        margin: 0 10px 0 0
                    }

                    .videos > .view .video .movie_area .btn_area .btn_sns {
                        float: left;
                        margin: 0 10px 0 0
                    }

                .videos > .view .video .comments {
                    margin: 80px 0 0 0
                }

                    .videos > .view .video .comments .post {
                        width: 100%;
                        background: #eff0f0
                    }

                        .videos > .view .video .comments .post input[type="text"] {
                            height: 28px;
                            margin: 0;
                            padding: 0 0 0 10px;
                            border: 1px solid #e4e4e4;
                            color: #888;
                            font-size: 12px
                        }

                        .videos > .view .video .comments .post .infor {
                            padding: 40px 40px 20px 40px
                        }

                            .videos > .view .video .comments .post .infor input[type="text"] {
                                float: left;
                                width: 148px
                            }

                            .videos > .view .video .comments .post .infor input.pw {
                                margin: 0 0 0 20px
                            }

                            .videos > .view .video .comments .post .infor input.mail {
                                margin: 0 0 0 20px
                            }

                        .videos > .view .video .comments .post .send {
                            padding: 0 40px 40px
                        }

                            .videos > .view .video .comments .post .send input.comment {
                                float: left;
                                width: 412px;
                            }

                            .videos > .view .video .comments .post .send .btn_area {
                                float: right;
                                margin-right: 40px;
                            }

                    .videos > .view .video .comments .comment {
                        margin: 40px 0 0 0
                    }

                        .videos > .view .video .comments .comment h4 {
                            font-size: 34px
                        }

                            .videos > .view .video .comments .comment h4 span {
                                color: #3898d3
                            }

                        .videos > .view .video .comments .comment ul {
                            margin: 20px 0 0 0;
                            border-top: 1px solid #696969
                        }

                            .videos > .view .video .comments .comment ul li {
                                padding: 20px 0;
                                border-bottom: 1px solid #e5e5e5
                            }

                                .videos > .view .video .comments .comment ul li .title h5 {
                                    float: left;
                                    font-size: 14px;
                                    color: #3898d3
                                }

                                .videos > .view .video .comments .comment ul li .title span.day {
                                    float: left;
                                    margin: 0 0 0 10px
                                }

                                .videos > .view .video .comments .comment ul li .title .btn_area {
                                    float: right
                                }

                                .videos > .view .video .comments .comment ul li .edit {
                                    margin: 20px 0 0 0;
                                    padding: 20px 0 0 0;
                                    border-top: 1px dashed #e5e5e5
                                }

                                    .videos > .view .video .comments .comment ul li .edit input[type="text"] {
                                        height: 28px;
                                        padding: 0 0 0 10px;
                                        border: 1px solid #e4e4e4;
                                        color: #aaa
                                    }

                                    .videos > .view .video .comments .comment ul li .edit .top input {
                                        float: left;
                                        width: 188px
                                    }

                                    .videos > .view .video .comments .comment ul li .edit .top .btn_area {
                                        float: right
                                    }

                                    .videos > .view .video .comments .comment ul li .edit .bottom {
                                        margin: 10px 0 0 0
                                    }

                                        .videos > .view .video .comments .comment ul li .edit .bottom input {
                                            width: 99%;
                                            padding: 0 0 0 1%
                                        }

                                .videos > .view .video .comments .comment ul li .pw {
                                    margin: 20px 0 0 0;
                                    padding: 20px 0 0 0;
                                    border-top: 1px dashed #e5e5e5
                                }

                                    .videos > .view .video .comments .comment ul li .pw .top {
                                        text-align: center
                                    }

                                        .videos > .view .video .comments .comment ul li .pw .top input {
                                            margin: 2px 0 0 0
                                        }

                                            .videos > .view .video .comments .comment ul li .pw .top input#delete {
                                                margin: 2px 0 0 30px
                                            }

                                        .videos > .view .video .comments .comment ul li .pw .top label {
                                            vertical-align: top
                                        }

                                    .videos > .view .video .comments .comment ul li .pw .bottom {
                                        width: 360px;
                                        margin: 20px auto 0
                                    }

                                        .videos > .view .video .comments .comment ul li .pw .bottom input {
                                            float: left;
                                            width: 198px;
                                            height: 28px;
                                            padding: 0 0 0 10px;
                                            border: 1px solid #e4e4e4;
                                            color: #aaa
                                        }

                                        .videos > .view .video .comments .comment ul li .pw .bottom .btn_area {
                                            float: right
                                        }

                        .videos > .view .video .comments .comment .more {
                            margin: 40px 0 0 0;
                            text-align: center
                        }

                            .videos > .view .video .comments .comment .more a {
                                display: inline-block;
                                padding: 5px 0 5px 50px;
                                background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/icon/icon_morecomment.png) no-repeat 0 center;
                                color: #aaa;
                                font-size: 18px
                            }

            .videos > .view .list {
                float: right;
                width: 500px;
                display: block
            }

                .videos > .view .list ul li {
                    margin: 30px 0 0 0;
                    height: 140px;
                    overflow: hidden
                }

                    .videos > .view .list ul li.farst {
                        margin: 0
                    }

                    .videos > .view .list ul li .imgarea {
                        float: left;
                        width: 240px;
                        margin: 0 30px 0 0;
                        font-size: 0
                    }

                        .videos > .view .list ul li .imgarea img {
                            width: 100%
                        }

                    .videos > .view .list ul li h4 {
                        margin: 0 0 20px 0;
                        padding: 10px 0 0 0;
                        color: #333;
                        font-size: 16px
                    }

                    .videos > .view .list ul li span.name {
                        float: none;
                    }

                    .videos > .view .list ul li p {
                        color: #777;
                        font-size: 14px
                    }

                .videos > .view .list .more {
                    margin: 40px 0 0 0;
                    text-align: center
                }

                    .videos > .view .list .more a {
                        display: inline-block;
                        padding: 5px 0 5px 50px;
                        background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/icon/icon_morevideo.png) no-repeat 0 center;
                        color: #aaa;
                        font-size: 18px
                    }

        /* VIDEOS post CSS */
        .videos > .post {
            width: 900px;
            margin: 160px auto 0
        }

            .videos > .post sup {
                color: #3898d3
            }

            .videos > .post .textarea {
                margin: 0 0 40px 0
            }

                .videos > .post .textarea h4 {
                    padding: 20px 0 0 0;
                    background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bull/bull_title02.jpg) no-repeat left 0;
                    font-size: 30px
                }

                .videos > .post .textarea p {
                    margin: 20px 0 0 0;
                    font-size: 14px;
                }

            .videos > .post .infor {
                margin: 0 0 40px 0;
                padding: 40px;
                background: #eff0f0
            }

                .videos > .post .infor input[type="text"], .videos > .post .infor textarea {
                    height: 40px;
                    border: 1px solid #e4e4e4;
                    background: #fff
                }

                .videos > .post .infor label {
                    font-size: 14px
                }

                .videos > .post .infor input {
                    width: 100%
                }

                .videos > .post .infor .name {
                    float: left;
                    margin: 0 16px 30px 0;
                    width: 48%
                }

                    .videos > .post .infor .name input {
                        width: 98%;
                        padding: 0 0 0 2%;
                    }

                .videos > .post .infor .mail {
                    float: right;
                    width: 48%
                }

                    .videos > .post .infor .mail input {
                        width: 98%;
                        padding: 0 0 0 2%;
                    }

                .videos > .post .infor .country {
                    width: 48%;
                    margin: 30px 0
                }

                    .videos > .post .infor .country span {
                        font-size: 14px
                    }

                    .videos > .post .infor .country .videos_select {
                        width: 393px;
                        border: 1px solid #e4e4e4;
                        background: #fff
                    }

                        .videos > .post .infor .country .videos_select .my_value {
                            height: 24px;
                            padding: 9px 10px
                        }

                        .videos > .post .infor .country .videos_select .ctrl {
                            top: 4px;
                            right: 4px
                        }

                        .videos > .post .infor .country .videos_select .i_list label {
                            background: #fff
                        }

                        .videos > .post .infor .country .videos_select > ul {
                            top: 38px
                        }

                        .videos > .post .infor .country .videos_select .content {
                            height: 0px
                        }

                .videos > .post .infor .products {
                    width: 400px;
                    margin: 0 0 30px 0
                }

                    .videos > .post .infor .products form {
                        float: left
                    }

                    .videos > .post .infor .products label {
                        float: left;
                        width: 100%
                    }

                    .videos > .post .infor .products .videos_select {
                        width: 393px;
                        border: 1px solid #e4e4e4;
                        background: #fff
                    }

                        .videos > .post .infor .products .videos_select .my_value {
                            height: 24px;
                            padding: 9px 10px
                        }

                        .videos > .post .infor .products .videos_select .ctrl {
                            top: 4px;
                            right: 4px
                        }

                        .videos > .post .infor .products .videos_select .i_list label {
                            background: #fff
                        }

                        .videos > .post .infor .products .videos_select > ul {
                            top: 38px
                        }

                    .videos > .post .infor .products input {
                        display: none;
                        float: right;
                        width: 400px;
                        height: 43px
                    }

                .videos > .post .infor .title {
                    float: left;
                    width: 100%;
                    margin: 0 0 30px 0
                }

                    .videos > .post .infor .title input {
                        width: 99%;
                        padding: 0 0 0 1%
                    }

                .videos > .post .infor .source01 {
                    float: left;
                    width: 100%
                }

                    .videos > .post .infor .source01 textarea {
                        width: 98%;
                        max-width: 98%;
                        height: 20px;
                        padding: 10px 1%;
                        color: #bbb;
                        overflow: hidden
                    }

                .videos > .post .infor .source02 {
                    float: left;
                    width: 100%;
                    margin: 30px 0 20px 0
                }

                    .videos > .post .infor .source02 textarea {
                        width: 98%;
                        max-width: 98%;
                        min-height: 118px;
                        padding: 15px 1%;
                        color: #bbb
                    }

                .videos > .post .infor span.point {
                    float: left;
                    font-size: 13px;
                }

            .videos > .post .btn_area {
                margin: 0 0 150px 0;
                text-align: center
            }

    /* VIDEOS submit CSS */
    .videos_submit .imgarea {
        position: relative;
        width: 100%;
        height: 379px;
        font-size: 0;
        text-align: center;
        background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bg/bg_video_header_p.jpg) 0 0 no-repeat;
        background-size: cover;
    }

        .videos_submit .imgarea .text {
            padding-top: 150px;
            width: 100%;
            color: #fff;
            text-align: center
        }
            /* 20200220 */
            .videos_submit .imgarea .text h3 {
                font-size: 40px;
            }

            .videos_submit .imgarea .text h4 {
                font-size: 40px;
                text-transform: uppercase;
            }


    .videos_submit .textarea {
        margin: 100px auto;
        width: 898px;
    }

        .videos_submit .textarea h4 {
            color: #323232;
            font-size: 30px;
            line-height: 1.2;
            padding: 28px 0 49px;
            background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bull/bull_title02.jpg) no-repeat 0 0;
        }

        .videos_submit .textarea h5 {
            color: #777777;
            font-size: 24px;
            line-height: 1.2;
            padding-bottom: 53px;
        }

        .videos_submit .textarea h6 {
            color: #777777;
            font-size: 16px;
            line-height: 1.2;
            padding-bottom: 27px;
        }

        .videos_submit .textarea p {
            color: #777777;
            font-size: 16px;
            line-height: 22px;
            padding-bottom: 27px;
        }

    .videos_submit .textarea2 {
        position: relative;
        margin: 95px auto 60px;
        width: 70%;
        text-align: center;
    }

        .videos_submit .textarea2 h5 {
            padding-top: 50px;
            color: #333;
            font-size: 40px;
            line-height: 1.1;
            text-align: center;
            background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bull/bull_title02.jpg) no-repeat center 0;
            background-size: auto 2px;
        }

        .videos_submit .textarea2 h4 {
            padding-top: 50px;
            color: #333;
            font-size: 24px;
            line-height: 1.1;
        }

    .videos_submit .textarea3 {
        position: relative;
        margin: 95px auto;
        width: 70%;
        text-align: center;
    }

        .videos_submit .textarea3 h5 {
            color: #333;
            font-size: 40px;
            line-height: 1.1;
            text-align: center;
        }

        .videos_submit .textarea3 > p {
            padding: 32px 0 18px;
            background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bull/bull_title02.jpg) no-repeat center 0;
            font-size: 24px;
            line-height: 1.1;
            color: #8a8a8a;
            text-align: center;
            text-transform: uppercase;
        }

    .videos_submit .submit .textarea3 input[type=text] {
        padding-left: 2%;
        width: 62%;
        height: 51px;
        font-size: 16px;
        line-height: 51px;
        border: 1px solid #e4e4e4;
    }

    .videos_submit .submit .textarea3 dl {
        width: 100%;
        border-bottom: 1px solid #d5d6d8;
        background: #eff0f0;
    }

    .videos_submit .submit .textarea3 dt {
        float: left;
        clear: left;
        display: block;
        padding: 1% 2% 0;
        width: 16%;
        text-align: left;
        font-size: 16px;
        line-height: 1.2;
    }

        .videos_submit .submit .textarea3 dt span {
            color: #3898d3;
        }

    .videos_submit .submit .textarea3 dd {
        margin-left: 20%;
        padding: 1% 4%;
        width: 72%;
        text-align: left;
        font-size: 16px;
        line-height: 1.2;
        color: #777;
        background: #fff;
        border-left: 1px solid #d5d6d8;
    }

        .videos_submit .submit .textarea3 dd:after {
            content: "";
            display: table;
            clear: both;
        }

        .videos_submit .submit .textarea3 dd p.byte {
            text-align: right;
        }

        .videos_submit .submit .textarea3 dd a.link {
            color: #3898d3;
            text-decoration: underline;
        }

    .videos_submit .submit .textarea3 .btn_add {
        position: absolute;
        top: 147px;
        right: 0;
    }

        /* 20200220 */
        .videos_submit .submit .textarea3 .btn_add a {
            display: block;
            width: 149px;
            line-height: 53px;
            border-radius: 4px;
            color: #fff;
            font-size: 15px; /*text-transform:uppercase;*/
            background: #3898d3;
            letter-spacing: -1px
        }

    .videos_submit .submit .textarea3 .submit_txt {
        margin-top: 38px;
    }

    .videos_submit .submit .textarea3 .w_select {
        margin-bottom: 7px;
    }

    .videos_submit .submit .textarea3 textarea {
        padding-left: 2%;
        width: 98%;
        border: 1px solid #e4e4e4;
        line-height: 29px;
        resize: none;
    }

    .videos_submit .submit .textarea3 .date input[type=text] {
        width: 30%
    }

    .videos_submit .submit .textarea3 .date input.time {
        width: 50px;
    }

    .videos_submit .submit .file_area {
        margin-top: 96px;
    }

        .videos_submit .submit .file_area > ul {
            padding-top: 10px;
            border-top: 1px solid #d5d6d8;
            border-bottom: 1px solid #d5d6d8;
        }

            .videos_submit .submit .file_area > ul > li {
                margin-bottom: 10px;
            }

        .videos_submit .submit .file_area input[type=text] {
            float: left;
        }

        .videos_submit .submit .file_area ul.btn_area li {
            float: right;
            margin-left: 9px;
        }

            .videos_submit .submit .file_area ul.btn_area li a {
                display: block;
                width: 149px;
                line-height: 53px;
                border-radius: 4px;
                color: #fff;
                font-size: 18px;
                text-transform: uppercase;
            }

        /* 20200220 */
        .videos_submit .submit .file_area ul.btn_area .btn_file {
            position: relative;
            float: left;
            overflow: hidden;
            width: 149px;
            line-height: 53px;
            border-radius: 4px;
            color: #fff;
            font-size: 15px; /*text-transform:uppercase;*/
            cursor: pointer;
            background: #4e545a;
            letter-spacing: -1px
        }

            .videos_submit .submit .file_area ul.btn_area .btn_file input {
                position: absolute;
                top: 0;
                right: 0;
                width: 500px;
                height: 53px;
                font-size: 30px;
                cursor: pointer;
                opacity: 0;
                filter: alpha(opacity=0);
                cursor: pointer;
            }

        .videos_submit .submit .file_area ul.btn_area li.btn_delete a {
            background: #bfc6cd;
        }

        .videos_submit .submit .file_area p {
            margin-top: 12px;
            font-size: 16px;
            line-height: 1.1;
            text-align: left;
            color: #a9a9a9
        }

        .videos_submit .submit .file_area ul li.file_list {
            display: none;
        }

        .videos_submit .submit .file_area #fileProgress {
            position: relative;
            width: 100%;
            height: 50px;
            border: 1px solid #bfc6cd;
            box-sizing: border-box;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            margin: 10px 0;
        }

        .videos_submit .submit .file_area #fileBar {
            position: absolute;
            width: 0%;
            height: 100%;
            background-color: #bfc6cd;
        }

        .videos_submit .submit .file_area .labelArea {
            position: absolute;
            left: 20px;
            top: 0;
            width: 500px;
        }

            .videos_submit .submit .file_area .labelArea #label {
                float: left;
                padding-right: 5px;
                font-size: 16px;
                color: #4e545a;
                line-height: 50px;
            }

            .videos_submit .submit .file_area .labelArea span {
                float: left;
                font-size: 16px;
                color: #fff;
                line-height: 50px;
            }

        .videos_submit .submit .file_area .btn_x {
            position: absolute;
            top: 16px;
            right: 16px;
            width: 13px;
            height: 13px;
            background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/btn/btn_x.png) 0 0 no-repeat;
        }

    .videos_submit .submit .submit_txt {
        border-top: 1px solid #a6a9ac;
    }

        .videos_submit .submit .submit_txt input[type=text] {
            width: 98%;
        }

    .videos_submit .btn_submit {
        margin: 0 auto 189px;
        width: 100%;
        overflow: hidden;
        text-align: center;
    }

        .videos_submit .btn_submit a {
            display: inline-block;
            width: 162px;
            margin: 0 10px;
            line-height: 53px;
            font-size: 18px;
            color: #fff;
            background: #3898d3;
            text-align: center;
            border-radius: 2px;
            text-transform: uppercase;
        }

    .videos_submit .btn_submit_again {
        margin: 0 auto 189px;
        width: 183px;
    }

        .videos_submit .btn_submit_again a {
            display: block;
            line-height: 53px;
            font-size: 18px;
            color: #fff;
            background: #3898d3;
            text-align: center;
            border-radius: 2px;
            text-transform: uppercase;
        }

    /* VIDEOS contest CSS */
    /* 20200220 추가 height:379px-auto 20200309 배경이미지 수정*/
    .videos_contest > .imgarea {
        position: relative;
        width: 100%;
        height: auto;
        font-size: 0;
        text-align: center;
        background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bg/contest_bg_pc_0309.jpg) center 0 no-repeat;
        background-size: cover;
    }

    .videos_contest .imgarea .youtube {
        padding: 0;
    }

        .videos_contest .imgarea .youtube .youtube_api {
            margin: 0 auto;
            width: 1280px;
        }

            .videos_contest .imgarea .youtube .youtube_api img {
                width: 100%;
            }

            .videos_contest .imgarea .youtube .youtube_api .youtube_api_m, .videos_contest .youtube .youtube_api .youtube_api_t {
                display: none;
            }

    /* padding:94px 0 0 44% -> 60px 0 0 5% / width:56% -> 45% */
    .videos_contest .imgarea .text {
        padding: 125px 0 0 7%;
        width: 45%;
        color: #fff;
        text-align: left;
    }
        /*	.videos_contest .imgarea .text h4{font-size:36px; text-transform:uppercase;}*/
        .videos_contest .imgarea .text h3 {
            font-size: 36px;
            margin-bottom: 15px;
        }

        .videos_contest .imgarea .text p {
            padding-top: 8px;
            font-size: 20px;
        }

        .videos_contest .imgarea .text .btn_submit {
            margin-top: 40px;
        }

            .videos_contest .imgarea .text .btn_submit a {
                display: block; /*margin:0 auto;*/
                width: 180px;
                font-size: 16px;
                line-height: 42px;
                text-align: center;
                color: #fff;
                text-transform: uppercase;
                background: #3898d3;
                border-radius: 4px;
            }

    /* margin:80px auto 150px; -> margin:80px auto 70px; */
    .videos_contest .textarea {
        width: 1200px;
        margin: 80px auto 70px;
        text-align: center;
    }

        .videos_contest .textarea h4 {
            padding: 30px 0 0 0; /*background:url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bull/bull_title01.jpg) no-repeat center 0; */
            font-size: 50px;
            text-transform: uppercase;
        }

        .videos_contest .textarea h3 {
            padding: 30px 0 0 0;
            font-size: 25px;
            font-weight: 400;
        }

        .videos_contest .textarea p {
            margin: 46px 0 0 0;
            color: #777;
            font-size: 16px;
            line-height: 26px
        }

        .videos_contest .textarea .imgarea {
            position: relative;
            margin: 50px auto 0;
            width: 897px
        }

            .videos_contest .textarea .imgarea a {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/btn/btn_video_play02.png) no-repeat center 0;
            }

    /* VIDEOS contest faq css */
    .videos_submit .faq {
        width: 1200px;
        margin: 60px auto 0
    }

        .videos_submit .faq .list {
            width: 785px;
            margin: 0 auto
        }

            .videos_submit .faq .list ul li {
                float: left;
                margin: 0 20px 0 0;
                padding: 0 20px 0 0;
                border-right: 1px solid #c7c7c7
            }

                .videos_submit .faq .list ul li a {
                    color: #999;
                    font-size: 24px;
                    font-weight: normal
                }

                .videos_submit .faq .list ul li.on a {
                    color: #3898d3
                }

                .videos_submit .faq .list ul li.last {
                    margin: 0;
                    padding: 0;
                    border: 0
                }

        .videos_submit .faq .faq_list {
            margin: 60px 0 100px;
            border-top: 1px solid #696969;
            border-bottom: 1px solid #696969
        }

            .videos_submit .faq .faq_list ul li .title {
                height: 110px;
                border-top: 1px solid #c7c7c7;
                background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/btn/btn_tap_off.png) no-repeat right 45%
            }

            .videos_submit .faq .faq_list ul li.first .title {
                border: 0
            }

            .videos_submit .faq .faq_list ul li .title a {
                display: block;
                width: 100%;
                height: 75px;
                padding: 35px 0 0 60px;
                background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/icon/icon_question_off.png) no-repeat left 40%;
                color: #333;
                font-size: 20px
            }

            .videos_submit .faq .faq_list ul li.on .title {
                background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/btn/btn_tab_on.png) no-repeat right 45%
            }

                .videos_submit .faq .faq_list ul li.on .title a {
                    color: #3898d3;
                    background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/icon/icon_question_on.png) no-repeat left 40%
                }

            .videos_submit .faq .faq_list ul li .content {
                display: none;
                padding: 30px 20px;
                border-top: 1px dashed #c7c7c7
            }

                .videos_submit .faq .faq_list ul li .content p {
                    color: #777;
                    font-size: 14px;
                    line-height: 30px
                }

                .videos_submit .faq .faq_list ul li .content img {
                    margin: 30px 0 0 0
                }

            .videos_submit .faq .faq_list ul li.on .content {
                display: block
            }

    /* ABOUT THINKWARE css */
    .about {
        width: 100%
    }

        .about .imgarea {
            height: 391px;
            background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bg/bg_about_header.jpg) no-repeat center top;
            background-size: cover;
        }

            .about .imgarea .text {
                width: 100%;
                padding: 150px 0 0 0;
                color: #fff;
                text-align: center;
                width: 1200px;
                margin: 0 auto;
            }

                .about .imgarea .text h4 {
                    font-size: 70px;
                }

                .about .imgarea .text p {
                    margin: 30px 0 0 0;
                    font-size: 16px;
                    line-height: 26px;
                    padding-bottom: 60px;
                }

        .about .textarea {
            width: 1200px;
            margin: 80px auto 150px;
            text-align: center
        }

            .about .textarea h4 {
                padding: 30px 0 0 0;
                background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bull/bull_title01.jpg) no-repeat center 0;
                font-size: 50px
            }

            .about .textarea p {
                margin: 10px 0 0 0;
                color: #777;
                font-size: 16px;
                line-height: 26px
            }

            .about .textarea img {
                margin: 70px 0 0 0
            }

        .about .textarea2 {
            width: 100%;
            padding: 140px 0;
            background: #f5f5f5;
            text-align: center
        }

            .about .textarea2 h4 {
                padding: 30px 0 0 0;
                background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bull/bull_title01.jpg) no-repeat center 0;
                font-size: 50px
            }

            .about .textarea2 h5 {
                padding: 30px 0 0 0;
                font-size: 24px
            }

            .about .textarea2 p {
                width: 1200px;
                margin: 10px auto 0;
                color: #777;
                font-size: 16px;
                line-height: 26px
            }

            .about .textarea2 .award_imgarea {
                margin-bottom: 40px;
            }

                .about .textarea2 .award_imgarea img {
                    margin-right: 16px;
                }

        .about .imgarea2 {
            text-align: center;
            padding-bottom: 150px;
        }

            .about .imgarea2 h4 {
                font-size: 32px
            }

            .about .imgarea2 p {
                width: 1050px;
                margin: 10px auto 0;
                font-size: 16px;
                line-height: 26px
            }

            .about .imgarea2 .text, .about .imgarea2 .text2 {
                position: absolute;
                top: 20%;
                width: 100%;
                color: #fff;
                text-align: center
            }

            .about .imgarea2 .text2 {
                top: 58%
            }

        .about .textarea2 .moive_area {
            margin: 80px
        }

        .about .textarea3 {
            width: 1200px;
            margin: 80px auto 16px;
            text-align: center
        }

            .about .textarea3 p {
                color: #333;
                font-size: 16px;
                line-height: 26px
            }

    /* Sub Tab */
    .submenu_tab_mobile {
        display: none;
    }

    .submenu_tab {
        width: 100%;
        height: 78px;
        background: #eff0f0;
    }

        .submenu_tab ul {
            margin: 0 auto;
            width: 80%;
        }

            .submenu_tab ul.buzz_ul {
                margin: 0 auto;
                width: 20%;
            }

            .submenu_tab ul.video_ul {
                margin: 0 auto;
                width: 50%;
            }

        .submenu_tab li {
            float: left;
            width: 33.3%;
            text-align: center;
        }

            .submenu_tab li.buzz_sub {
                float: left;
                width: 100%;
                text-align: center;
            }

            .submenu_tab li a {
                width: 100%;
                line-height: 78px;
                font-size: 24px;
                color: #7b7b7b;
                text-transform: uppercase;
            }

                .submenu_tab li a:hover, .submenu_tab li a.on {
                    color: #000;
                }

    /* Partnership */
    .partnership {
        width: 100%
    }

        .partnership .imgarea {
            height: 379px;
            background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bg/bg_partnerships_header_p.jpg) no-repeat center top;
            background-size: cover;
        }

            .partnership .imgarea .text {
                padding-top: 150px;
                color: #fff;
                text-align: center;
            }

                .partnership .imgarea .text h4 {
                    font-size: 70px;
                    text-transform: uppercase;
                }

                .partnership .imgarea .text p {
                    font-size: 24px;
                }

        .partnership .textarea {
            margin: 80px auto 0;
            width: 60%;
            text-align: center;
        }

            .partnership .textarea h4 {
                padding: 30px 0 0 0;
                background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bull/bull_title01.jpg) no-repeat center 0;
                font-size: 50px
            }

            .partnership .textarea p {
                margin: 10px 0 30px;
                color: #777;
                font-size: 16px;
                line-height: 26px
            }

        .partnership .textarea2 {
            margin: 87px 0 126px;
            padding: 0 4%;
            text-align: center
        }

            .partnership .textarea2 h5 {
                padding: 20px 0 36px;
                background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bull/bull_title02.jpg) no-repeat center 0;
                font-size: 30px;
                line-height: 34px;
                text-align: center;
            }

            .partnership .textarea2 p {
                margin: 0 0 65px;
                color: #777;
                font-size: 16px;
                line-height: 26px
            }

                .partnership .textarea2 p.link {
                    margin-top: 23px;
                    font-size: 17px;
                    line-height: 1.1;
                }

                    .partnership .textarea2 p.link a {
                        color: #3898d3;
                        text-decoration: underline;
                    }

        .partnership .box {
            padding: 45px 15%;
            background: #eff0f0;
        }

            .partnership .box p {
                margin: 0 0 10px 0;
                color: #777;
                font-size: 17px;
                line-height: 1.1;
                text-align: left;
            }

            .partnership .box li {
                float: left;
                margin: 0;
                text-align: left;
            }

                .partnership .box li.btn_signin {
                    width: 18%;
                }

                    .partnership .box li.btn_signin a {
                        display: block;
                        line-height: 42px;
                        border-radius: 4px;
                        background: #3898d3;
                        color: #fff;
                        font-size: 16px;
                        text-align: center;
                        text-transform: uppercase;
                    }

                .partnership .box li.email {
                    width: 82%;
                }

                    .partnership .box li.email input {
                        padding: 0 10px 0 40px;
                        width: 90%;
                        height: 40px;
                        line-height: 40px;
                        border: 1px solid #e4e4e4;
                        font-size: 16px;
                        font-weight: 400;
                        background: #fff url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/icon/icon_email2.png) 13px center no-repeat;
                    }

        .partnership input.btn_save {
            display: block;
            margin: 0 auto 128px;
            width: 163px;
            line-height: 53px;
            border: 0;
            border-radius: 4px;
            background: #3898d3;
            color: #fff;
            font-size: 18px;
            text-align: center;
            text-transform: uppercase;
            cursor: pointer;
        }

    .partnership_appication_area {
        position: relative;
    }

        .partnership_appication_area .partnership_appication_box {
            margin: 0 auto 32px;
            width: 80%;
            background: #eff0f0;
        }

            .partnership_appication_area .partnership_appication_box ul {
                margin: 0 auto;
                padding: 35px 0;
                width: 75%;
            }

            .partnership_appication_area .partnership_appication_box li {
                margin-bottom: 22px;
            }

                .partnership_appication_area .partnership_appication_box li label {
                    display: block;
                    padding-bottom: 15px;
                    font-size: 16px;
                    color: #333;
                }

                    .partnership_appication_area .partnership_appication_box li label span {
                        color: #369bd3;
                    }

                .partnership_appication_area .partnership_appication_box li input[type=text] {
                    padding: 0 10px;
                    width: 92%;
                    height: 40px;
                    line-height: 40px;
                    color: #777777;
                    border: 1px solid #e9e9e9;
                    font-size: 16px;
                    font-weight: 400;
                }

                .partnership_appication_area .partnership_appication_box li.first_name {
                    float: left;
                    width: 48%;
                }

                .partnership_appication_area .partnership_appication_box li.last_name {
                    float: right;
                    width: 48%;
                }

                .partnership_appication_area .partnership_appication_box li.company_name {
                    float: left;
                    width: 48%;
                }

                .partnership_appication_area .partnership_appication_box li.country {
                    float: right;
                    width: 48%;
                }

                .partnership_appication_area .partnership_appication_box li.email {
                    background: none;
                }

                    .partnership_appication_area .partnership_appication_box li.email input[type=text] {
                        width: 96%;
                    }

                .partnership_appication_area .partnership_appication_box li.message {
                    margin-bottom: 0;
                    padding-bottom: 25px;
                }

                .partnership_appication_area .partnership_appication_box li textarea {
                    padding: 0 10px;
                    width: 96%;
                    height: 213px;
                    border: 1px solid #e4e4e4;
                    resize: none;
                }

    /* PRODUCTS css */
    .products {
        position: relative
    }

        .products .tap {
            position: absolute;
            top: 80px;
            left: 50%;
            width: 1200px;
            margin: 0 0 0 -600px;
            border-radius: 5px
        }

            .products .tap > ul {
                position: relative;
                z-index: 20
            }

                .products .tap > ul li {
                    float: left
                }

                    .products .tap > ul li a {
                        display: block;
                        width: 399px;
                        height: 37px;
                        padding: 15px 0 0 0;
                        border-right: 1px solid #fff;
                        background: #ccd5de;
                        color: #fff;
                        font-size: 16px;
                        text-align: center
                    }

                    .products .tap > ul li.first a {
                        border-radius: 5px 0 0 5px;
                        behavior: url(PIE.htc)
                    }

                    .products .tap > ul li.last a {
                        border: 0;
                        border-radius: 0 5px 5px 0;
                        behavior: url(PIE.htc)
                    }

                    .products .tap > ul li.on a {
                        background: #4e545a
                    }

                    .products .tap > ul li.on span {
                        display: block;
                        width: 100%;
                        height: 10px;
                        background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bg/bg_pointer.png) no-repeat center bottom
                    }

            .products .tap .content {
                position: absolute;
                top: 53px;
                left: 0;
                width: 100%;
                background: #fff;
                z-index: 1
            }

                .products .tap .content ul {
                    display: none;
                    margin: 0 auto
                }

                    .products .tap .content ul.series_c01 {
                        width: 298px
                    }

                    .products .tap .content ul.series_c02 {
                        width: 298px
                    }

                    .products .tap .content ul.series_c03 {
                        width: 298px
                    }

                    .products .tap .content ul.series_c04 {
                        width: 298px
                    }

                    .products .tap .content ul.series_c05 {
                        width: 298px
                    }

                    .products .tap .content ul.series_c06 {
                        width: 298px
                    }

                    .products .tap .content ul.series_c07 {
                        width: 298px
                    }

                    .products .tap .content ul.series_c08 {
                        width: 298px
                    }

                    .products .tap .content ul li {
                        float: left;
                        padding: 25px 0;
                        color: #666;
                        font-size: 20px;
                        text-align: center
                    }

                        .products .tap .content ul li.on {
                            color: #4e545a
                        }

        .products .ctrl {
            position: absolute;
            top: 0;
            right: 0;
            width: 18px;
            height: 19px
        }

        .products .arrow {
            position: absolute;
            width: 0;
            height: 0;
            top: 13px;
            right: 9px;
            border-top: 5px solid #999;
            border-left: 5px solid #f4f4f4;
            border-right: 5px solid #f4f4f4;
            font-size: 0;
            line-height: 0
        }

        .products > .imgarea {
            position: relative;
            height: 800px;
            background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bg/bg_products.png) no-repeat center bottom;
            text-align: center
        }

        .products > .bgno {
            background-image: none;
        }

        .products > .imgarea .textarea {
            position: absolute;
            top: 70px;
            width: 100%
        }

            .products > .imgarea .textarea .title {
                width: 1200px;
                margin: 0 auto;
                padding: 0 0 25px 0;
                border-bottom: 1px solid #696969;
                font-size: 30px;
            }

                .products > .imgarea .textarea .title .series_copy {
                    padding: 0 0 0 10px;
                    font-size: 18px;
                    color: #999;
                    vertical-align: middle
                }

            .products > .imgarea .textarea h5 {
                margin: 70px 0 20px;
                font-size: 70px;
                font-weight: normal
            }

            .products > .imgarea .textarea p {
                color: #777;
                font-size: 30px
            }

            .products > .imgarea .textarea .btn_area {
                margin: 40px 0 0 0
            }

        /*제품 서브 메인 추가*/
        .products > .list_products {
            background: #f0f0f0;
            border-bottom: 1px solid #e1e1e1;
        }

            .products > .list_products ul {
                width: 100%;
                text-align: center;
            }

                .products > .list_products ul li {
                    width: 140px;
                    display: inline-block;
                    margin-left: -3px
                }
                    /*	.products > .list_products ul li{width:auto;display:inline-block;margin-left:-3px}*/
                    .products > .list_products ul li.first a {
                        border-left: 1px solid #e1e1e1;
                    }

                    .products > .list_products ul li.product_etc a:before {
                        content: '';
                        display: block;
                        width: 100%;
                        height: 16px;
                    }

                    /* 20200513 제품 서브 리스트 padding 수정 */
                    .products > .list_products ul li a {
                        display: block;
                        padding: 23px 4px 0 4px;
                        height: 77px;
                        font-size: 20px;
                        color: #000000;
                        text-transform: uppercase;
                        font-weight: 400;
                        background: #ffffff;
                        border-right: 1px solid #e1e1e1;
                    }

                        .products > .list_products ul li a span {
                            display: block;
                            width: 100%;
                            height: 16px;
                            font-size: 14px;
                            color: #fff;
                        }
        /*	.products > .list_products ul li a span{display:block;width:100%;height:16px;font-size:14px;color:#989898;}*/

        .products > .submain_imgarea { /*background:url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bg/bg_products_submain.jpg) no-repeat center top;background-size:100%;*/
            position: relative;
            text-align: center;
        }

            .products > .submain_imgarea .img img {
                width: 100%
            }

            .products > .submain_imgarea .textarea {
                position: absolute;
                top: 120px;
                width: 100%;
                text-align: center;
            }

                .products > .submain_imgarea .textarea h4 {
                    font-size: 66px;
                    color: #fff;
                }

                .products > .submain_imgarea .textarea p, tit_detail {
                    font-size: 46px;
                    color: #fff;
                }

                .products > .submain_imgarea .textarea h4 span {
                    font-weight: bold;
                }

        .products > .products_link_area {
            background: #2e2e2e;
            margin-top: -4px;
        }

            .products > .products_link_area ul {
                overflow: hidden;
                padding: 12px 0;
                width: 1208px;
                margin: 0 auto;
            }

                .products > .products_link_area ul li {
                    float: left;
                    display: inline-block;
                    margin-left: 20px;
                }

                    .products > .products_link_area ul li.first {
                        margin-left: 0;
                    }

        .products .content_list {
            width: 1200px;
            margin: 70px auto
        }

            .products .content_list .title {
                text-align: center
            }

                .products .content_list .title h5 {
                    padding: 30px 0 30px 0;
                    border-bottom: 1px solid #696969;
                    font-size: 30px
                }

                    .products .content_list .title h5 .series_copy {
                        padding: 0 0 0 10px;
                        font-size: 18px;
                        color: #999;
                        vertical-align: middle
                    }

            .products .content_list .cl_product {
                display: none;
            }

                .products .content_list .cl_product.active {
                    display: block;
                }

                .products .content_list .cl_product li.first {
                    border: 0;
                    padding-top: 0;
                }

                .products .content_list .cl_product li {
                    padding: 20px 0;
                    border-top: 1px solid #e5e5e5;
                }

                    .products .content_list .cl_product li .imgarea {
                        float: left;
                        width: 600px
                    }

                        .products .content_list .cl_product li .imgarea img {
                            width: 100%
                        }

                    .products .content_list .cl_product li .textarea {
                        float: left;
                        width: 558px;
                        padding: 0 20px
                    }

                        .products .content_list .cl_product li .textarea h6 {
                            margin: 80px 0 0 0;
                            font-size: 35px;
                            font-weight: normal
                        }

                        .products .content_list .cl_product li .textarea div.icon {
                            margin-top: 30px;
                        }

                            .products .content_list .cl_product li .textarea div.icon img {
                                margin: 0 10px 0 0;
                            }

                        .products .content_list .cl_product li .textarea .btn_area {
                            margin: 30px 0 0 0
                        }

                .products .content_list .cl_product .movie {
                    width: 900px;
                    margin: 60px auto 60px;
                    text-align: center
                }

        .products .btn_more_product {
            margin: 0 auto 68px;
            width: 235px;
        }

            .products .btn_more_product a {
                display: block;
                padding-left: 34px;
                line-height: 53px;
                color: #fff;
                font-size: 18px;
                background: #bfc6cd url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bull/bull_more.png) 195px center no-repeat;
                text-transform: uppercase;
                border-radius: 4px;
            }

        /* PRODUCTS content css */
        .products .explain > .imgarea {
            width: 100%;
            height: 855px;
            text-align: center
        }

            .products .explain > .imgarea h4 {
                padding: 125px 0 0 0;
                font-size: 70px
            }

                .products .explain > .imgarea h4 span {
                    font-weight: normal
                }

            .products .explain > .imgarea p.sub_detail {
                font-size: 28px;
                margin: 0;
                color: #333;
            }

            .products .explain > .imgarea p {
                margin: 20px 0 40px 0;
                color: #777;
                font-size: 16px
            }

            .products .explain > .imgarea .sub_title {
                font-size: 28px;
                margin: 0;
                color: #333;
                font-weight: 400
            }

            .products .explain > .imgarea .btn_area a.btn_type01 p {
                text-align: center;
                margin: 0;
            }

            .products .explain > .imgarea .btn_area a {
                margin: 30px 10px 0 0
            }

    /* 앱 페이지 */
    img {
        vertical-align: top;
    }

    .products .submain_imgarea1 {
        position: relative;
        text-align: center;
    }

        .products .submain_imgarea1 .img img {
            width: 100%
        }

        /* 20200720 top 수정 h1, span 추가 */
        .products .submain_imgarea1 .textarea {
            position: absolute;
            top: 12%;
            width: 100%;
            text-align: left;
        }

            .products .submain_imgarea1 .textarea .btn_area h1.tit_txt {
                font-size: 20px;
                color: #fff;
                width: 450px;
                line-height: 20px;
                float: left;
            }

            .products .submain_imgarea1 .textarea .btn_area span.sub_txt {
                display: block;
                padding-left: 5px;
                font-size: 15px;
            }

            .products .submain_imgarea1 .textarea h4 {
                font-size: 55px;
                color: #fff;
                padding-left: 17%;
            }

            .products .submain_imgarea1 .textarea p, tit_detail {
                font-size: 20px;
                color: #fff;
                padding-left: 17%;
                margin-top: 20px;
            }

            .products .submain_imgarea1 .textarea h4 span {
                font-weight: bold;
            }

            .products .submain_imgarea1 .textarea .btn_area {
                margin-left: 16.9%;
                margin-top: 52px;
            }

    /* 20200730 */
    .products .explain .content h4.btnarea_tit {
        margin: 0 auto;
        padding: 40px 0 0px 0;
        font-size: 50px;
        text-align: center;
        line-height: 50px;
        background-color: #e5e5e5;
        font-weight: 700;
    }

    .products .explain .content .btn_area {
        background: #e5e5e5;
        text-align: center;
        padding: 80px 148px 170px 150px;
    }

        .products .explain .content .btn_area .btn_box_wrap {
            width: 1000px;
            margin: 0 auto;
        }

        .products .explain .content .btn_area .btn_box {
            width: 50%;
            position: relative;
            float: left;
        }

        .products .explain .content .btn_area .btn_box2 {
            width: 50%;
            position: relative;
            top: 65px;
            float: left;
        }

        .products .explain .content .btn_area .btn_box3 {
            width: 50%;
            position: relative;
            top: 130px;
            float: left;
            text-align: left;
        }
        .products .explain .content .btn_area .btn_box3 .mobile_box img.mo_left {
            margin-left: 45px;
        }

        .products .explain .content .btn_area h1.btn_tit {
            position: absolute;
            top: -45px;
            left: 46px;
            text-align: left;
            font-size: 20px;
            font-weight: bold;
        }

        .products .explain .content .btn_area span.sub_txt {
            display: block;
            font-size: 15px;
            font-weight: normal;
        }

    .products .explain .content .app {
        text-align: center;
        margin-top: 50px;
    }

        .products .explain .content .app h4 {
            margin: 0 auto;
            padding: 40px 0 0 0;
            background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bull/bull_title01.jpg) no-repeat center 0;
            font-size: 50px;
            text-align: center;
            line-height: 50px
        }

        .products .explain .content .app > p {
            margin: 30px auto;
            color: #777;
            font-size: 16px;
            line-height: 26px;
            text-align: center;
            width: 1200px;
        }

        .products .explain .content .app .imgarea {
            margin: 0 auto;
        }

    .products .explain .content .app1 {
        text-align: center;
    }

        .products .explain .content .app1 h4 {
            margin: 0 auto;
            padding: 120px 0 0 0;
            font-size: 50px;
            text-align: center;
            line-height: 50px
        }

        .products .explain .content .app1 p {
            margin: 30px auto;
            color: #000;
            font-size: 16px;
            line-height: 26px;
            text-align: center;
        }

        .products .explain .content .app1 .imgarea {
            margin: 0 auto;
        }

    .products .explain .content .app .log03_1 {
        width: 1200px;
        margin: 80px auto 0px auto;
        overflow: hidden;
        list-style: none;
    }

        .products .explain .content .app .log03_1 ul li {
            float: left;
            width: 373px;
            margin: 0 0 0 40px
        }

            .products .explain .content .app .log03_1 ul li.first {
                margin: 0
            }

            .products .explain .content .app .log03_1 ul li .content img {
                width: 100%
            }

            .products .explain .content .app .log03_1 ul li .content h4 {
                margin: 30px 0 20px;
                color: #34322f;
                font-size: 30px
            }

            .products .explain .content .app .log03_1 ul li .content p {
                color: #777;
                font-size: 14px;
                line-height: 33px;
                margin-top: 30px;
                margin-bottom: 30px;
            }

        .products .explain .content .app .log03_1 ul.length03 li {
            float: left;
            width: 373px;
            margin: 0 40px 0px 0
        }

        .products .explain .content .app .log03_1 ul.length02 {
            width: 1240px;
        }

            .products .explain .content .app .log03_1 ul.length02 li {
                float: left;
                width: 580px;
                margin: 20px 40px 30px 0
            }

                .products .explain .content .app .log03_1 ul.length02 li:first-child {
                    margin: 20px 40px 0 0
                }

    .products .explain .content .app h5 {
        margin: 0 auto;
        font-size: 30px;
        text-align: center;
        line-height: 36px;
    }

    .products .explain .content .app_back {
        width: 100%;
        height: 830px;
        background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/content/products/img_app_04_pc_.jpg) no-repeat center 0;
        background-size: 100% 100%;
    }

    .products .explain .content .app_back1 {
        width: 100%;
        height: 728px;
        background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/content/products/img_app_06.jpg) no-repeat center 0;
        background-size: 100%;
    }

        /* 20210322 lte 내용 추가 */
        .products .explain .content .app_back1 h4 {
            margin: 0 auto;
            padding: 40px 0 0 0;
            font-size: 50px;
            text-align: center;
            line-height: 50px;
            color: #fff;
            font-weight: bold;
        }

        .products .explain .content .app_back1 .tit1 {
            margin: 0 auto;
            padding: 25px 0 0 0;
            background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bull/bull_title10.jpg) no-repeat center 60px;
            text-align: center;
            color: #ccc
        }

        .products .explain .content .app_back1 .tit2 {
            margin: 0 auto;
            padding: 15px 0 0 0;
            background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bull/bull_title10.jpg) no-repeat center 40px;
            text-align: center;
            color: #ccc
        }

            .products .explain .content .app_back1 .tit2:last-child {
                padding: 15px 0 15px 0;
            }

    /*앱 페이지 완료*/

    /* 컨텐츠 영역 상단 비주얼 bg 관리 css */
    .products .explain > .imgarea.img01 {
        background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bg/products_x300_thinkwaredashcam_x300.jpg) no-repeat center bottom;
    }

    .products .explain > .imgarea.img02 {
        background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bg/products_f550_thinkwaredashcam_f550.jpg) no-repeat center bottom;
    }

    .products .explain > .imgarea.img03 {
        background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bg/products_f500_thinkwaredashcam_f500.jpg) no-repeat center bottom;
    }

    .products .explain > .imgarea.img04 {
        background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bg/products_h100_thinkwaredashcam_h100.jpg) no-repeat center bottom;
    }

    .products .explain > .imgarea.img05 {
        background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bg/products_x500_thinkwaredashcam_x500.jpg) no-repeat center bottom;
    }

    .products .explain > .imgarea.img06 {
        background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bg/products_f750_thinkwaredashcam_f750.jpg) no-repeat center bottom;
    }

    .products .explain > .imgarea.img07 {
        background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bg/products_x150_thinkwaredashcam_x150.jpg) no-repeat center bottom;
    }

    .products .explain > .imgarea.img08 {
        background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bg/products_h50_thinkwaredashcam_h50.jpg) no-repeat center bottom;
    }
    /* 20200706 업데이트 */
    .products .explain > .imgarea.img09 {
        background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bg/products_acc_n.jpg) no-repeat center bottom;
    }

    .products .explain > .imgarea.img10 {
        background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bg/products_x550_thinkwaredashcam_x550.jpg) no-repeat center bottom;
    }

    .products .explain > .imgarea.img11 {
        background: url('https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bg/products_x330_thinkwaredashcam_x330.jpg') no-repeat center bottom;
    }

    .products .explain > .imgarea.img12 {
        background: url('https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bg/products_x350_thinkwaredashcam_x350.jpg') no-repeat center bottom;
    }

    .products .explain > .imgarea.img13 {
        background: url('https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bg/products_f50_thinkwaredashcam_f50.jpg') no-repeat center bottom;
    }

    .products .explain > .imgarea.img14 {
        background: url('https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bg/products_f770_thinkwaredashcam_f770.jpg') no-repeat center bottom;
    }

    .products .explain > .imgarea.img15 {
        background: url('https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bg/products_f100_thinkwaredashcam_f100.jpg') no-repeat center bottom;
    }

    .products .explain > .imgarea.img16 {
        background: url('https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bg/products_f800_thinkwaredashcam_f800.jpg') no-repeat center bottom;
    }

    .products .explain > .imgarea.img17 {
        background: url('https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bg/products_f800pro_thinkwaredashcam_f800pro_0213.jpg') no-repeat center bottom;
    }

    .products .explain > .imgarea.img18 {
        background: url('https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bg/products_f70_thinkwaredashcam_f70.jpg') no-repeat center bottom;
    }

    .products .explain > .imgarea.img19 {
        background: url('https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bg/products_f200_thinkwaredashcam_f200.jpg') no-repeat center bottom;
    }

    .products .explain > .imgarea.img20 {
        background: url('https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bg/products_x700_thinkwaredashcam_x700_0213.jpg') no-repeat center bottom;
    }

    .products .explain > .imgarea.img21 {
        background: url('https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bg/products_q800pro_thinkwaredashcam_q800pro.jpg') no-repeat center bottom;
    }

    .products .explain > .imgarea.img22 {
        background: url('https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bg/products_m1.jpg') no-repeat center bottom;
    }

    .products .explain > .imgarea.img23 {
        background: url('https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bg/products_u1000_thinkwaredashcam_u1000_0828.jpg') no-repeat center bottom;
    }
    /* 20200722 */
    .products .explain > .imgarea.img24 {
        background: url('https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bg/products_t700_thinkwaredashcam_t700_0819.jpg') no-repeat center bottom;
    }
    /* 20201007 */
    .products .explain > .imgarea.img25 {
        background: url('https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bg/products_f200pro_thinkwaredashcam_f200pro_1007.jpg') no-repeat center bottom;
    }

    .products .explain > .imgarea.img26 {
        background: url('https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bg/products_thinkware-connected_pc_n.jpg') no-repeat center bottom;
    }

    .products .explain > .imgarea.img27 {
        background: url('https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bg/products_f790_thinkwaredashcam_f790.jpg') no-repeat center bottom;
    }

    .products .explain > .imgarea.img28 {
        background: url('https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bg/products_snapg_thinkwaregimbalcam_snapg_new.jpg') no-repeat center bottom;
    }

    .products .explain > .imgarea.img29 {
        background: url('https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bg/products_q1000_thinkwaredashcam_q1000_n.jpg') no-repeat center bottom;
    }

    .products .explain > .imgarea.img30 {
        background: url('https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bg/products_x800_thinkwaredashcam_x800_n.jpg') no-repeat center bottom;
    }
    .products .explain > .imgarea.img31 {
        background: url('https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bg/products_u3000_thinkwaredashcam_u3000_n.jpg') no-repeat center bottom;
    }
    .products .explain > .imgarea.img32 {
        background: url('https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bg/products_f70pro_thinkwaredashcam_f70pro_n.jpg') no-repeat center bottom;
    }

    .products .explain > .imgarea {
        background-size: cover !important;
    }

    .products .explain > .content li .title {
        display: none
    }

    .products .explain > .content li .content {
    }

    .products .log01 .movie {
        width: 900px;
        margin: 60px auto 60px;
        text-align: center
    }

        .products .log01 .movie .movie_area {
            font-size: 0
        }

    .products .explain > .content .log01 .content {
        width: 1200px;
        margin: 80px auto 0;
        text-align: center
    }

        .products .explain > .content .log01 .content h4 {
            padding: 40px 0 0 0;
            background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bull/bull_title01.jpg) no-repeat center 0;
            font-size: 50px
        }

        .products .explain > .content .log01 .content p {
            margin: 40px 0 0 0;
            color: #777;
            font-size: 16px
        }

        .products .explain > .content .log01 .content img {
            margin: 80px 0
        }

    .products .explain > .content .log02 .content {
        padding: 80px 0 110px;
        background: #c6cfd8;
        color: #fff;
        text-align: center
    }

        .products .explain > .content .log02 .content h4 {
            width: 1200px;
            margin: 0 auto;
            padding: 40px 0 0 0;
            background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bull/bull_title01.jpg) no-repeat center 0;
            font-size: 50px;
            line-height: 50px
        }

        .products .explain > .content .log02 .content > p {
            width: 1200px;
            margin: 40px auto 80px;
            font-size: 16px;
            line-height: 26px
        }

        .products .explain > .content .log02 .content ul {
            width: 1200px;
            margin: 0 auto
        }

            .products .explain > .content .log02 .content ul li {
                float: left;
                width: 580px;
                height: 305px;
                margin: 0 0 40px 40px;
                background: #fff;
                color: #333
            }

                .products .explain > .content .log02 .content ul li.first {
                    margin: 0 0 40px 0
                }

                .products .explain > .content .log02 .content ul li img {
                    padding: 60px 0 40px
                }

                .products .explain > .content .log02 .content ul li h5 {
                    color: #34322f;
                    font-size: 20px
                }

                .products .explain > .content .log02 .content ul li p {
                    color: #777;
                    font-size: 14px;
                    paddimg: 0 5%;
                }

            .products .explain > .content .log02 .content ul.length01 li {
                height: 600px;
                margin: 0 0 40px 0;
                background: #fff;
                color: #333;
                width: 1200px;
            }

                .products .explain > .content .log02 .content ul.length01 li img {
                    padding: 103px 0 75px
                }

            .products .explain > .content .log02 .content ul.length02 li {
                height: 503px;
                margin: 0 3% 40px 0;
                background: #fff;
                color: #333;
                width: 374px;
            }

                .products .explain > .content .log02 .content ul.length02 li.last {
                    margin-right: 0;
                }

                .products .explain > .content .log02 .content ul.length02 li .box_tit {
                    color: #34322f;
                    padding-top: 160px;
                    font-size: 20px;
                    margin-bottom: 15px;
                    font-weight: bold;
                }

                    .products .explain > .content .log02 .content ul.length02 li .box_tit span {
                        font-size: 16px;
                    }

                .products .explain > .content .log02 .content ul.length02 li .box_detail {
                    color: #777;
                    font-size: 15px;
                    padding: 0 25px;
                }

                    .products .explain > .content .log02 .content ul.length02 li .box_detail span {
                        font-size: 14px;
                    }

                .products .explain > .content .log02 .content ul.length02 li.tech_box1 .box_tit {
                    background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/icon/product_tech_box1_icon.gif) no-repeat center 50px;
                }

                .products .explain > .content .log02 .content ul.length02 li.tech_box2 .box_tit {
                    background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/icon/product_tech_box2_icon.gif) no-repeat center 50px;
                }

                .products .explain > .content .log02 .content ul.length02 li.tech_box3 .box_tit {
                    background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/icon/product_tech_box3_icon.gif) no-repeat center 50px;
                }

    .products .explain > .content .log03_1 {
        width: 1200px;
        margin: 80px auto 100px;
        overflow: hidden;
    }

        .products .explain > .content .log03_1 ul li {
            float: left;
            width: 373px;
            margin: 0 0 0 40px
        }

            .products .explain > .content .log03_1 ul li.first {
                margin: 0
            }

            .products .explain > .content .log03_1 ul li .content img {
                width: 100%
            }

            .products .explain > .content .log03_1 ul li .content h4 {
                margin: 30px 0 20px;
                color: #34322f;
                font-size: 30px
            }

            .products .explain > .content .log03_1 ul li .content p {
                color: #777;
                font-size: 14px;
                line-height: 24px
            }

        .products .explain > .content .log03_1 ul.length02 {
            width: 1240px;
        }

            .products .explain > .content .log03_1 ul.length02 li {
                float: left;
                width: 580px;
                margin: 20px 40px 30px 0
            }

                .products .explain > .content .log03_1 ul.length02 li:first-child {
                    margin: 20px 40px 0 0
                }

        /* f750추가 */
        .products .explain > .content .log03_1 ul.length03 {
            width: 1240px;
        }

            .products .explain > .content .log03_1 ul.length03 li {
                float: left;
                width: 373px;
                margin: 0 40px 100px 0
            }

                .products .explain > .content .log03_1 ul.length03 li:first-child {
                    margin: 0 40px 0 0
                }

    .products .explain > .content .log06 .content {
        width: 100%;
        height: 600px;
        color: #fff;
        text-align: center
    }

        /* 제품 중상 영역 bg 이미지 관리 css */
        .products .explain > .content .log06 .content.log01 {
            background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bg/bg_products_content01_02.jpg) no-repeat center bottom
        }

        .products .explain > .content .log06 .content.log02 {
            background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bg/products_dualsave.jpg) no-repeat center bottom
        }

        .products .explain > .content .log06 .content.log03 {
            background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bg/bg_products_content03_02.jpg) no-repeat center bottom
        }

        .products .explain > .content .log06 .content.log04 {
            background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bg/bg_products_content04_02.jpg) no-repeat center bottom
        }

        .products .explain > .content .log06 .content h4 {
            padding: 180px 0 0;
            font-size: 50px;
            line-height: 50px
        }

        .products .explain > .content .log06 .content p {
            width: 1200px;
            margin: 40px auto;
            font-size: 16px;
            line-height: 26px
        }

        .products .explain > .content .log06 .content span {
            font-size: 14px
        }

    .products .explain > .content .log07_1 {
        width: 1200px;
        margin: 80px auto 40px;
        overflow: hidden
    }

        .products .explain > .content .log07_1 ul li {
            float: left;
            width: 373px;
            margin: 0 0 0 40px
        }

            .products .explain > .content .log07_1 ul li.first {
                margin: 0
            }

            .products .explain > .content .log07_1 ul li .content img {
                width: 100%
            }

            .products .explain > .content .log07_1 ul li .content h4 {
                margin: 30px 0 20px;
                color: #34322f;
                font-size: 30px
            }

            .products .explain > .content .log07_1 ul li .content p {
                margin: 0 0 10px 0;
                color: #777;
                font-size: 14px;
                line-height: 24px
            }

        .products .explain > .content .log07_1 ul.length02 {
            width: 1240px;
            margin-top: 40px;
        }

            .products .explain > .content .log07_1 ul.length02 li {
                float: left;
                width: 580px;
                margin: 0 40px 100px 0
            }

        /* 추가 */
        .products .explain > .content .log07_1 .h_tit {
            text-align: center;
        }

            .products .explain > .content .log07_1 .h_tit h4 {
                width: 1200px;
                margin: 0 auto;
                padding: 40px 0 0 0;
                background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bull/bull_title01.jpg) no-repeat center 0;
                font-size: 50px;
                text-align: center;
                line-height: 50px
            }

            .products .explain > .content .log07_1 .h_tit > p {
                margin: 30px 0 30px;
                color: #777;
                font-size: 16px;
                line-height: 26px;
                text-align: center;
            }

    .products .explain > .content .log07_3 {
        overflow: hidden;
        background: #f5f5f5;
    }

    .products .explain > .content .log07_2 {
        width: 1200px;
        margin: 80px auto 40px;
        overflow: hidden;
        background: #f5f5f5;
    }

    .products .explain > .content .log07_3 ul li {
        float: left;
        width: 580px;
        margin: 0 0 0 40px
    }

        .products .explain > .content .log07_3 ul li.first {
            margin: 0
        }

        .products .explain > .content .log07_3 ul li .content img {
            width: 100%
        }

        .products .explain > .content .log07_3 ul li .content h4 {
            margin: 30px 0 20px;
            color: #34322f;
            font-size: 30px
        }

        .products .explain > .content .log07_3 ul li .content p {
            margin: 0 0 10px 0;
            color: #777;
            font-size: 14px;
            line-height: 24px
        }

    .products .explain > .content .log07_3 ul.length02 {
        width: 1240px;
        margin-top: 80px;
    }

        .products .explain > .content .log07_3 ul.length02 li {
            float: left;
            width: 580px;
            margin: 0 40px 100px 0
        }

    .products .explain > .content .log10 .content {
        padding: 80px 0 150px;
        background: #f5f5f5;
        text-align: center
    }

        .products .explain > .content .log10 .content h4 {
            width: 1200px;
            margin: 0 auto;
            padding: 40px 0 0 0;
            background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bull/bull_title01.jpg) no-repeat center 0;
            font-size: 50px;
            text-align: center;
            line-height: 50px
        }

        .products .explain > .content .log10 .content > p {
            margin: 40px 0 80px;
            color: #777;
            font-size: 16px;
            line-height: 26px
        }

        .products .explain > .content .log10 .content ul {
            width: 1200px;
            margin: 0 auto;
            text-align: left
        }

            .products .explain > .content .log10 .content ul li {
                float: left;
                width: 50%;
                margin: 0 0 80px 0
            }

                .products .explain > .content .log10 .content ul li.first {
                    margin: 0 0 60px 0
                }

                .products .explain > .content .log10 .content ul li.last {
                    width: 100%
                }

                .products .explain > .content .log10 .content ul li .imgarea {
                    float: left
                }

                .products .explain > .content .log10 .content ul li .textarea {
                    float: right;
                    padding: 0 40px;
                    width: 370px
                }

                .products .explain > .content .log10 .content ul li.last .textarea {
                    width: 970px
                }

                .products .explain > .content .log10 .content ul li .textarea h5 {
                    color: #34322f;
                    font-size: 30px
                }

                .products .explain > .content .log10 .content ul li .textarea p {
                    margin: 10px 0;
                    color: #777;
                    font-size: 14px;
                    line-height: 24px
                }

                .products .explain > .content .log10 .content ul li .textarea span {
                    color: #7296ba;
                    font-size: 14px
                }

    .products .explain > .content .log11 .content {
        width: 1200px;
        margin: 0 auto;
        padding: 80px 0 100px;
        text-align: center
    }

        .products .explain > .content .log11 .content h4 {
            padding: 40px 0 0 0;
            background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bull/bull_title01.jpg) no-repeat center 0;
            font-size: 50px
        }

        .products .explain > .content .log11 .content p {
            margin: 40px 0 0;
            font-size: 16px
        }

        .products .explain > .content .log11 .content span {
            color: #7296ba;
            font-size: 14px
        }

    .products .explain > .content .log11 .marT85 {
        margin-top: 85px;
    }

    .products .explain > .content .log_12_1 {
        width: 1200px;
        margin: 80px auto;
        text-align: center;
    }

        .products .explain > .content .log_12_1 ul li {
            width: 1200px;
            margin: 40px auto;
        }

            .products .explain > .content .log_12_1 ul li .content h5 {
                margin: 30px 0 20px;
                color: #34322f;
                font-size: 30px
            }

            .products .explain > .content .log_12_1 ul li .content p {
                margin: 0 0 10px 0;
                color: #777;
                font-size: 14px;
                line-height: 24px
            }

    .products .explain > .content .log15 .content {
        padding: 80px 0 150px;
        text-align: center
    }

        /* 제품 중간 영역 bg 이미지 관리 css */
        .products .explain > .content .log15 .content.log01 {
            background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bg/products_x300_easyinterface.jpg) no-repeat center bottom
        }

        .products .explain > .content .log15 .content.log02 {
            background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bg/products_f550_easyinterface.jpg) no-repeat center bottom
        }

        .products .explain > .content .log15 .content.log03 {
            background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bg/products_f500_easyinterface.jpg) no-repeat center bottom;
            padding: 120px 0 100px;
        }

        .products .explain > .content .log15 .content.log04 {
            background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bg/products_h100_easyinterface.jpg) no-repeat center bottom
        }

        .products .explain > .content .log15 .content.log05 {
            background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bg/products_x500_easyinterface.jpg) no-repeat center bottom
        }

        .products .explain > .content .log15 .content.log05_1 {
            background: url('https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bg/products_x330_easyinterface.jpg') no-repeat center bottom
        }

        .products .explain > .content .log15 .content.log05_2 {
            background: url('https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bg/products_x350_easyinterface.jpg') no-repeat center bottom
        }

        .products .explain > .content .log15 .content.log05_3 {
            background: url('https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bg/products_f50_easyinterface.jpg') no-repeat center bottom
        }

        .products .explain > .content .log15 .content.log06 {
            background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bg/products_f750_easyinterface.jpg) no-repeat center bottom
        }

        .products .explain > .content .log15 .content.log07 {
            background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bg/products_x150_easyinterface.jpg) no-repeat center bottom
        }

        .products .explain > .content .log15 .content.log08 {
            background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bg/products_h50_easyinterface.jpg) no-repeat center bottom
        }

        .products .explain > .content .log15 .content h4 {
            padding: 40px 0 0 0;
            background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bull/bull_title01.jpg) no-repeat center 0;
            color: #fff;
            font-size: 50px
        }

        .products .explain > .content .log15 .content > p {
            margin: 40px 0 80px;
            color: #fff;
            font-size: 16px
        }

        .products .explain > .content .log15 .content h5 {
            padding: 40px 0 0 0;
            background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bull/bull_title03.jpg) no-repeat center 0;
            color: #fff;
            font-size: 50px
        }

        .products .explain > .content .log15 .content table {
            margin: 30px auto 0;
            border: 0
        }

    .products .explain > .content .log_16_1 {
        width: 1200px;
        margin: 80px auto 100px;
        overflow: hidden
    }

        .products .explain > .content .log_16_1 ul li {
            float: left;
            width: 373px;
            margin: 0 0 0 40px
        }

            .products .explain > .content .log_16_1 ul li.first {
                margin: 0
            }

            .products .explain > .content .log_16_1 ul li .content img {
                width: 100%
            }

            .products .explain > .content .log_16_1 ul li .content h5 {
                margin: 30px 0 20px;
                color: #34322f;
                font-size: 30px;
                line-height: 34px
            }

            .products .explain > .content .log_16_1 ul li .content p {
                margin: 0 0 10px 0;
                color: #777;
                font-size: 14px;
                line-height: 24px
            }

                .products .explain > .content .log_16_1 ul li .content p.sub_star {
                    margin: 10px 0;
                }

        .products .explain > .content .log_16_1 ul.length02 {
            width: 1240px;
        }

            .products .explain > .content .log_16_1 ul.length02 li {
                float: left;
                width: 580px;
                margin: 0 40px 100px 0
            }

                .products .explain > .content .log_16_1 ul.length02 li.first {
                    margin: 0 40px 50px 0
                }

    /* 추가 */
    .products .explain > .content .log_17_1 {
        width: 1200px;
        margin: 80px auto 100px;
        overflow: hidden
    }

        .products .explain > .content .log_17_1 ul li {
            float: left;
            width: 580px;
            margin: 0 0 0 40px
        }

            .products .explain > .content .log_17_1 ul li.first {
                margin: 0
            }

            .products .explain > .content .log_17_1 ul li .content img {
                width: 100%
            }

            .products .explain > .content .log_17_1 ul li .content h5 {
                margin: 30px 0 20px;
                color: #34322f;
                font-size: 30px;
                line-height: 34px
            }

            .products .explain > .content .log_17_1 ul li .content p {
                margin: 0 0 10px 0;
                color: #777;
                font-size: 14px;
                line-height: 24px
            }

                .products .explain > .content .log_17_1 ul li .content p.sub_star {
                    margin: 10px 0;
                }

        .products .explain > .content .log_17_1 ul.length02 {
            width: 1240px;
        }

            .products .explain > .content .log_17_1 ul.length02 li {
                float: left;
                width: 580px;
                margin: 0 40px 100px 0
            }

                .products .explain > .content .log_17_1 ul.length02 li.first {
                    margin: 0 40px 50px 0
                }

    .products .explain > .content .log19 .content {
        padding: 80px 0 150px;
        background: #f5f5f5;
        text-align: center
    }

        .products .explain > .content .log19 .content h4 {
            padding: 40px 0 0 0;
            background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bull/bull_title01.jpg) no-repeat center 0;
            font-size: 50px
        }

        .products .explain > .content .log19 .content img {
            margin: 60px 0 0
        }

        .products .explain > .content .log19 .content h5 {
            margin: 100px 0 30px;
            padding: 30px 0 0 0;
            background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bull/bull_title04.jpg) no-repeat center 0;
            font-size: 40px
        }

        .products .explain > .content .log19 .content table {
            margin: 0 auto
        }

        .products .explain > .content .log19 .content > span {
            display: block;
            width: 1200px;
            margin: 20px auto 60px;
            color: #777;
            font-size: 14px;
            line-height: 22px
        }

    .products .explain > .content .why_dashcam {
        padding-top: 1px
    }

    /* [0422_수정]f550 추가된 하단배너 */
    .products .imgarea2 {
        background-color: #fff
    }

        .products .imgarea2 .textarea h4.title {
            margin: 85px 0 0 0;
            padding: 30px 0 0 0;
            background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bull/bull_title01.jpg) no-repeat center 0;
            font-size: 50px;
            display: block;
        }

        .products .imgarea2 .textarea h5 {
            margin: 50px 0;
            font-size: 24px
        }

        .products .imgarea2 .textarea .check_list {
            text-align: left;
            padding: 30px 0;
            width: 90%;
            margin: 0 auto
        }

            .products .imgarea2 .textarea .check_list li {
                float: left;
                width: 44%;
                margin: 5px 0;
                padding: 0 0 0 30px;
                background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bull/bull_check01.png) no-repeat 0 center;
                font-size: 18px;
                color: #666
            }

        .products .imgarea2 .textarea .btn_area {
            margin-bottom: 50px
        }

    .products .content2_bg {
        background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bg/bg_dashcam.jpg) no-repeat #f8f8f2;
        background-size: 100%
    }

    .products .imgarea2 .imgarea {
        float: left;
        width: 50%;
        font-size: 0;
        overflow: hidden;
        text-align: center
    }

        .products .imgarea2 .imgarea img {
            width: 100%
        }

    .products .imgarea2 .textarea {
        float: right;
        width: 50%;
        height: 100%;
        text-align: center
    }

    .products .explain > .content .log20 .content {
        width: 1200px;
        margin: 60px auto 40px;
        text-align: center
    }

        .products .explain > .content .log20 .content > h4 {
            padding: 40px 0 0 0;
            background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bull/bull_title01.jpg) no-repeat center 0;
            font-size: 50px;
            line-height: 50px
        }

        .products .explain > .content .log20 .content > h5 {
            margin: 80px 0 0 0;
            padding: 20px 0 0 0;
            background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bull/bull_title04.jpg) no-repeat center 0;
            font-size: 40px
        }

        .products .explain > .content .log20 .content .imgarea {
            margin: 30px 0 100px;
            text-align: center
        }

            .products .explain > .content .log20 .content .imgarea h5 {
                padding: 0 0 20px;
                font-size: 30px;
            }

                .products .explain > .content .log20 .content .imgarea h5.first {
                    padding: 40px 0 20px;
                    background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bull/bull_title04.jpg) no-repeat center 0;
                }

            .products .explain > .content .log20 .content .imgarea ul li {
                width: 100%;
                display: inline-block;
                margin: 0 0 60px 0;
                text-align: center;
                clear: both;
            }

                .products .explain > .content .log20 .content .imgarea ul li.w100 {
                    width: 100%;
                }

                    .products .explain > .content .log20 .content .imgarea ul li.w100 img {
                        float: none;
                        margin: 0 0 30px;
                    }

                .products .explain > .content .log20 .content .imgarea ul li.fr img {
                    float: right;
                    margin: 0 0 0 20px;
                }

                .products .explain > .content .log20 .content .imgarea ul li h6 {
                    margin: 30px 0 20px;
                    font-size: 18px
                }

                .products .explain > .content .log20 .content .imgarea ul li p {
                    color: #777;
                    font-size: 16px;
                    line-height: 26px
                }

                .products .explain > .content .log20 .content .imgarea ul li img {
                    float: left;
                    margin-right: 20px;
                }

            .products .explain > .content .log20 .content .imgarea span.bull_star_nobg {
                font-size: 16px;
                padding: 10px 0 0 0;
                color: #777;
            }

        .products .explain > .content .log20 .content .imgarea2 {
            margin: 50px 0 130px;
            text-align: center
        }

            .products .explain > .content .log20 .content .imgarea2 h5 {
                padding: 30px 0 0 0;
                font-size: 30px
            }

            .products .explain > .content .log20 .content .imgarea2 p {
                margin: 15px 0 30px;
                color: #777;
                font-size: 14px;
                line-height: 22px
            }

            .products .explain > .content .log20 .content .imgarea2 ul li {
                float: left;
                width: 580px;
                margin: 0 40px 0 0;
                text-align: center
            }

                .products .explain > .content .log20 .content .imgarea2 ul li.last {
                    margin: 0
                }

                .products .explain > .content .log20 .content .imgarea2 ul li h6 {
                    margin: 30px 0 20px;
                    font-size: 18px
                }

                .products .explain > .content .log20 .content .imgarea2 ul li p {
                    margin: 20px 0 0 0;
                    color: #777;
                    font-size: 16px
                }

        .products .explain > .content .log20 .content .imgarea3.first {
            padding-top: 100px;
        }

        .products .explain > .content .log20 .content .imgarea3 ul li {
            margin: 0 0 60px 0;
            text-align: center
        }

            .products .explain > .content .log20 .content .imgarea3 ul li h5 {
                padding: 40px 0 0 0;
                background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bull/bull_title04.jpg) no-repeat center 0;
                font-size: 40px
            }

            .products .explain > .content .log20 .content .imgarea3 ul li img {
                margin: 30px 0
            }

            .products .explain > .content .log20 .content .imgarea3 ul li p {
                color: #777;
                font-size: 16px;
                line-height: 26px
            }

            .products .explain > .content .log20 .content .imgarea3 ul li.fl_con {
                overflow: hidden;
            }

                .products .explain > .content .log20 .content .imgarea3 ul li.fl_con img {
                    float: left;
                    width: 45%;
                    margin: 60px 3% 0 0;
                }

                .products .explain > .content .log20 .content .imgarea3 ul li.fl_con p {
                    float: left;
                    width: 45%;
                    margin: 60px 0;
                }

    .products .explain > .content .log21 .content {
        width: 1200px;
        margin: 60px auto 40px;
        text-align: center
    }

        .products .explain > .content .log21 .content > h4 {
            padding: 40px 0 0 0;
            background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bull/bull_title01.jpg) no-repeat center 0;
            font-size: 50px;
            line-height: 50px
        }

        .products .explain > .content .log21 .content > p {
            font-size: 18px;
            line-height: 28px;
            color: #777777;
            margin: 40px 0 0 0;
        }

        .products .explain > .content .log21 .content > div {
            margin: 80px 0 0 0;
        }

        .products .explain > .content .log21 .content .icon_area {
            overflow: hidden;
            width: 84%;
            margin: 70px auto 0;
        }

            .products .explain > .content .log21 .content .icon_area > dl {
                float: left;
                margin-right: 5%;
            }

                .products .explain > .content .log21 .content .icon_area > dl dd.tit {
                    font-weight: bold;
                    margin-top: 0;
                }

                .products .explain > .content .log21 .content .icon_area > dl dd {
                    margin-top: 10px;
                }

                .products .explain > .content .log21 .content .icon_area > dl dt {
                    margin-bottom: 20px;
                }

                .products .explain > .content .log21 .content .icon_area > dl.last {
                    margin-right: 0;
                }

        /* 신규 추가 */
        .products .explain > .content .log21 .content .Saferoad > h4 {
            padding: 40px 0 0 0;
            background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bull/bull_title01.jpg) no-repeat center 0;
            font-size: 50px;
            line-height: 50px
        }

        .products .explain > .content .log21 .content .Saferoad > p {
            font-size: 18px;
            line-height: 28px;
            color: #777777;
            margin: 40px 0 0 0;
        }

        .products .explain > .content .log21 .content .Saferoad > div {
            margin: 80px 0 0 0;
        }

        .products .explain > .content .log21 .content .Saferoad .icon_area {
            overflow: hidden;
            width: 84%;
            margin: 70px auto 0;
        }

            .products .explain > .content .log21 .content .Saferoad .icon_area > dl {
                float: left;
                margin-right: 5%;
            }

                .products .explain > .content .log21 .content .Saferoad .icon_area > dl.last {
                    margin-right: 0;
                }

        .products .explain > .content .log21 .content .Saferoad {
            overflow: hidden;
        }

            .products .explain > .content .log21 .content .Saferoad > div {
                float: left;
                width: 100%;
                margin: 40px 0 80px 0;
            }

                .products .explain > .content .log21 .content .Saferoad > div.imgarea {
                    margin-right: 5%;
                }

            .products .explain > .content .log21 .content .Saferoad .imgarea {
                overflow: hidden;
            }

            .products .explain > .content .log21 .content .Saferoad dl {
                float: left;
                width: 46%;
            }

                .products .explain > .content .log21 .content .Saferoad dl.first {
                    margin: 0 6% 0 0;
                }

            .products .explain > .content .log21 .content .Saferoad dt {
                margin: 0 0 40px 0;
            }

            .products .explain > .content .log21 .content .Saferoad dl dd {
                font-size: 16px;
                line-height: 26px;
                color: #777;
            }

            .products .explain > .content .log21 .content .Saferoad .p_size {
                font-size: 18px;
                line-height: 26px;
                color: #34322f;
                font-weight: 400;
            }

            .products .explain > .content .log21 .content .Saferoad .imgarea > p {
                font-size: 18px;
                margin: 0 0 80px 0;
            }

        /*악세서리 css 추가*/
        .products .explain > .content .log21 .content .acc > h4 {
            padding: 40px 0 0 0;
            background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bull/bull_title01.jpg) no-repeat center 0;
            font-size: 50px;
            line-height: 50px
        }

        .products .explain > .content .log21 .content .acc > p {
            font-size: 18px;
            line-height: 28px;
            color: #777777;
            margin: 40px 0 0 0;
        }

        .products .explain > .content .log21 .content .acc > div {
            margin: 80px 0 0 0;
        }

        .products .explain > .content .log21 .content .acc .icon_area {
            overflow: hidden;
            width: 84%;
            margin: 70px auto 0;
        }

            .products .explain > .content .log21 .content .acc .icon_area > dl {
                float: left;
                margin-right: 5%;
            }

                .products .explain > .content .log21 .content .acc .icon_area > dl.last {
                    margin-right: 0;
                }

        .products .explain > .content .log21 .content .acc {
            overflow: hidden;
        }

            .products .explain > .content .log21 .content .acc > div {
                float: left;
                width: 100%;
                margin: 40px 0 80px 0;
            }

                .products .explain > .content .log21 .content .acc > div.imgarea {
                    margin-right: 5%;
                }

            .products .explain > .content .log21 .content .acc .imgarea {
                overflow: hidden;
            }

                /* 20200706 h4 css 추가  */
                .products .explain > .content .log21 .content .acc .imgarea > h4 {
                    padding: 5px 0px 0 0px;
                    background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bull/bull_title01.jpg) no-repeat left 0;
                    font-size: 25px;
                    line-height: 50px;
                    text-align: left;
                }

            .products .explain > .content .log21 .content .acc dl {
                float: left;
                width: 30%;
                margin: 5% 0 0 0;
            }

                .products .explain > .content .log21 .content .acc dl.first {
                    margin: 5% 5% 0 0;
                }

            .products .explain > .content .log21 .content .acc dt {
                margin: 0;
            }

            .products .explain > .content .log21 .content .acc dl dd {
                font-size: 16px;
                line-height: 26px;
                color: #777;
            }

            .products .explain > .content .log21 .content .acc .p_size {
                font-size: 18px;
                line-height: 26px;
                color: #34322f;
                font-weight: 400;
                letter-spacing: -1px;
            }

            .products .explain > .content .log21 .content .acc .imgarea > p {
                font-size: 18px;
                margin: 0 0 80px 0;
            }

    /*악세서리 View 영역*/
    div.slideshow img {
        width: 475px !important;
        height: 475px !important;
    }

    ul.thumbs img {
        width: 154px !important;
    }

    .log21 .content {
        margin: 140px auto 40px !important;
    }

    .content .con_wrap {
        overflow: hidden;
    }

        .content .con_wrap #con_text {
            float: left;
            width: 490px;
            padding: 20px 30px;
            text-align: left;
        }

            .content .con_wrap #con_text h1 {
                margin-top: 20px;
                font-size: 24px;
                font-weight: 500;
            }

            .content .con_wrap #con_text h2 {
                font-size: 19px;
            }

            .content .con_wrap #con_text p {
                margin-top: 20px;
                font-size: 17px;
            }

    .content .product_info {
        margin-top: 40px;
    }

        .content .product_info table {
            width: 100%;
            text-align: left;
            font-size: 16px;
        }

            .content .product_info table caption {
                font-size: 20px;
                text-align: left;
                border-bottom: 1px solid #ccc;
                height: 40px;
                line-height: 40px;
                font-weight: 500;
            }

            .content .product_info table tr {
                border-bottom: 1px solid #eee;
            }

            .content .product_info table ul li {
                width: 100%;
                float: left;
                margin: 10px 0 !important;
            }

            .content .product_info table .thd {
                width: 100px;
                color: #3898d3;
            }

            /* 20200715 표 css 추가 */
            .content .product_info table .box_wrap {
                padding: 10px 15px;
            }

            .content .product_info table .box1 {
                border-width: 1px 1px 0px 0px;
                border-style: solid solid none none;
                border-color: rgb(0, 0, 0) rgb(0, 0, 0) currentColor currentColor;
                border-image: none;
                padding: 10px 15px;
            }

                .content .product_info table .box1 td {
                    border-width: 0px 0px 1px 1px;
                    border-style: none none solid solid;
                    border-color: currentColor currentColor rgb(0, 0, 0) rgb(0, 0, 0);
                    width: 211px;
                    height: 28px;
                }

                    .content .product_info table .box1 td.tit {
                        background-color: rgb(172, 172, 172);
                    }

                        .content .product_info table .box1 td.tit p {
                            text-align: center;
                        }

                        .content .product_info table .box1 td.tit span {
                            color: rgb(0, 0, 0);
                        }

    /* 20200715  Radar_module 표 */
    .content .product_info2 {
        padding-top: 40px;
        width: 80%;
    }

        .content .product_info2 .box2 {
            border-width: 1px 1px 0px 0px;
            border-style: solid solid none none;
            border-color: rgb(0, 0, 0) rgb(0, 0, 0) currentColor currentColor;
            border-image: none;
            padding: 10px 15px;
        }

            .content .product_info2 .box2 td {
                border-width: 0px 0px 1px 1px;
                border-style: none none solid solid;
                border-color: currentColor currentColor rgb(0, 0, 0) rgb(0, 0, 0);
                width: 211px;
                height: 28px;
            }

                .content .product_info2 .box2 td h3 {
                    font-size: 17px;
                }


    .products .explain > .content .log21 .content .acc_detail h1 {
        font-size: 20px;
        text-align: left;
        border-bottom: 1px solid #ccc;
        height: 40px;
        line-height: 40px;
        font-weight: 500;
    }

    .products .explain > .content .log21 .content .acc_detail {
        overflow: hidden;
    }

        .products .explain > .content .log21 .content .acc_detail > div {
            float: left;
            width: 100%;
            margin: 0 0 80px 0;
        }

            .products .explain > .content .log21 .content .acc_detail > div.imgarea {
                margin-right: 5%;
            }

        .products .explain > .content .log21 .content .acc_detail .imgarea {
            overflow: hidden;
        }

        .products .explain > .content .log21 .content .acc_detail dl {
            float: left;
            width: 22%;
            margin: 2% 0 0 0;
        }

            .products .explain > .content .log21 .content .acc_detail dl.first {
                margin: 2% 4% 0 0;
            }

        .products .explain > .content .log21 .content .acc_detail dt {
        }

        .products .explain > .content .log21 .content .acc_detail dl dd {
            font-size: 16px;
            line-height: 26px;
            color: #777;
        }

    /* //신규 추가 */
    .products .explain > .content .log21 .content h5 {
        font-size: 35px;
        color: #777777;
        line-height: 50px;
        margin: 30px 0 30px 0;
    }

    .products .explain > .content .log21 .content li {
        margin-top: 85px;
    }

        .products .explain > .content .log21 .content li p, .products .explain > .content .log21 .content li dd {
            font-size: 16px;
            line-height: 26px;
            color: #777;
            margin: 0 0 30px 0;
        }

    .products .explain > .content .log21 .content .log21_1 {
        overflow: hidden;
    }

        .products .explain > .content .log21 .content .log21_1 > div {
            float: left;
            width: 47%;
            margin: 50px 0 0 0;
        }

            .products .explain > .content .log21 .content .log21_1 > div.imgarea {
                margin-right: 5%;
            }

    .products .explain > .content .log21 .content .log21_2 .imgarea {
        overflow: hidden;
    }

    .products .explain > .content .log21 .content .log21_2 dl {
        float: left;
        width: 46%;
    }

        .products .explain > .content .log21 .content .log21_2 dl.first {
            margin: 0 6% 0 0;
        }

    .products .explain > .content .log21 .content .log21_2 dt {
        margin: 0 0 40px 0;
    }

    .products .explain > .content .log21 .content .log21_2 > p {
        font-size: 18px;
        margin: 0 0 80px 0;
    }

    .products .explain > .content .log21 .content .log21_2 .detail {
        margin: 70px 0 150px 0;
    }

        .products .explain > .content .log21 .content .log21_2 .detail p {
            font-size: 18px;
            line-height: 28px;
        }

    .products .explain > .content .log22 {
        background: #f5f5f5;
        padding: 20px 0 90px 0;
    }

        .products .explain > .content .log22 .content {
            width: 1200px;
            margin: 60px auto 40px;
            text-align: center
        }

            .products .explain > .content .log22 .content h5 {
                padding: 30px 0 0 0;
                background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bull/bull_title05.jpg) no-repeat center 0;
                font-size: 40px;
                line-height: 50px
            }

            .products .explain > .content .log22 .content caption {
                text-indent: -9999px;
                overflow: hidden;
            }

        .products .explain > .content .log22 table.type01 {
            margin: 30px 0
        }

            .products .explain > .content .log22 table.type01 th {
                border-top: 1px solid #d5d6d8;
                background: #eeeeee;
            }

            .products .explain > .content .log22 table.type01 td {
                line-height: 28px;
                padding: 10px;
            }

        .products .explain > .content .log22 .content span {
            font-size: 14px;
            color: #7296ba;
            line-height: 22px;
            display: block;
        }

        .products .explain > .content .log22 .content dl {
            text-align: left;
            margin: 36px 0 0 0;
        }

            .products .explain > .content .log22 .content dl.first {
                margin: 80px 0 0 0;
            }

            .products .explain > .content .log22 .content dl dt {
                font-size: 30px;
                line-height: 34px;
                color: #34322f;
                margin: 0 0 10px 0;
            }

            .products .explain > .content .log22 .content dl dd {
                font-size: 16px;
                line-height: 26px;
                color: #777;
            }

                .products .explain > .content .log22 .content dl dd.first {
                    margin: 0 0 24px 0;
                }

    .products .explain > .content .log23 {
        background: #f5f5f5;
        padding: 20px 0 90px 0;
    }

        .products .explain > .content .log23 .content {
            margin: 80px auto 50px;
            padding: 0 4%;
            text-align: center
        }

            .products .explain > .content .log23 .content h5 {
                padding: 30px 0 0 0;
                background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bull/bull_title05.jpg) no-repeat center 0;
                font-size: 40px;
                line-height: 50px
            }

            .products .explain > .content .log23 .content caption {
                text-indent: -9999px;
                overflow: hidden;
            }

        .products .explain > .content .log23 table.type01 {
            margin: 30px 0
        }

            .products .explain > .content .log23 table.type01 th {
                border-top: 1px solid #d5d6d8;
                background: #eeeeee;
            }

            .products .explain > .content .log23 table.type01 td {
                line-height: 28px;
                padding: 10px;
            }

        .products .explain > .content .log23 .content span {
            font-size: 14px;
            color: #7296ba;
            line-height: 22px;
            display: block;
        }

        .products .explain > .content .log23 .content dl {
            text-align: left;
            margin: 36px 0 0 0;
        }

            .products .explain > .content .log23 .content dl.first {
                margin: 80px 0 0 0;
            }

            .products .explain > .content .log23 .content dl dt {
                font-size: 30px;
                line-height: 34px;
                color: #34322f;
                margin: 0 0 10px 0;
            }

            .products .explain > .content .log23 .content dl dd {
                font-size: 16px;
                line-height: 26px;
                color: #777;
            }

                .products .explain > .content .log23 .content dl dd.first {
                    margin: 0 0 24px 0;
                }

    .products .explain > .content .log24 {
        background: #f5f5f5;
        padding: 20px 0 90px 0;
    }

        .products .explain > .content .log24 .content {
            width: 1200px;
            margin: 60px auto 40px;
            text-align: center
        }

            .products .explain > .content .log24 .content h5 {
                padding: 30px 0 0 0;
                background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bull/bull_title05.jpg) no-repeat center 0;
                font-size: 40px;
                line-height: 50px
            }

            .products .explain > .content .log24 .content caption {
                text-indent: -9999px;
                overflow: hidden;
            }

        .products .explain > .content .log24 table.type01 {
            margin: 30px 0
        }

            .products .explain > .content .log24 table.type01 th {
                border-top: 1px solid #d5d6d8;
                background: #eeeeee;
            }

            .products .explain > .content .log24 table.type01 td {
                line-height: 28px;
                padding: 10px;
            }

        .products .explain > .content .log24 .content span {
            font-size: 14px;
            color: #7296ba;
            line-height: 22px;
            display: block;
        }

        .products .explain > .content .log24 .content dl {
            text-align: left;
            margin: 36px 0 0 0;
        }

            .products .explain > .content .log24 .content dl.first {
                margin: 80px 0 0 0;
            }

            .products .explain > .content .log24 .content dl dt {
                font-size: 30px;
                line-height: 34px;
                color: #34322f;
                margin: 0 0 10px 0;
            }

            .products .explain > .content .log24 .content dl dd {
                font-size: 16px;
                line-height: 26px;
                color: #777;
            }

                .products .explain > .content .log24 .content dl dd.first {
                    margin: 0 0 24px 0;
                }

    .products .explain > .content .log25 {
        background: #f5f5f5;
        padding: 20px 0 90px 0;
    }

        .products .explain > .content .log25 .content {
            width: 1200px;
            margin: 60px auto 40px;
            text-align: center
        }

            .products .explain > .content .log25 .content h5 {
                padding: 30px 0 0 0;
                background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bull/bull_title05.jpg) no-repeat center 0;
                font-size: 40px;
                line-height: 50px
            }

            .products .explain > .content .log25 .content caption {
                text-indent: -9999px;
                overflow: hidden;
            }

        .products .explain > .content .log25 table.type01 {
            margin: 30px 0
        }

            .products .explain > .content .log25 table.type01 th {
                border-top: 1px solid #d5d6d8;
                background: #eeeeee;
            }

            .products .explain > .content .log25 table.type01 td {
                line-height: 28px;
                padding: 10px;
            }

        .products .explain > .content .log25 .content span {
            font-size: 14px;
            color: #7296ba;
            line-height: 22px;
            display: block;
        }

        .products .explain > .content .log25 .content dl {
            text-align: left;
            margin: 36px 0 0 0;
        }

            .products .explain > .content .log25 .content dl.first {
                margin: 80px 0 0 0;
            }

            .products .explain > .content .log25 .content dl dt {
                font-size: 30px;
                line-height: 34px;
                color: #34322f;
                margin: 0 0 10px 0;
            }

            .products .explain > .content .log25 .content dl dd {
                font-size: 16px;
                line-height: 26px;
                color: #777;
            }

                .products .explain > .content .log25 .content dl dd.first {
                    margin: 0 0 24px 0;
                }

    /*
    .products .explain > .content .log28{background:#f5f5f5;padding:20px 0 90px 0;}
	.products .explain > .content .log28 .content{width:1200px;margin:60px auto 40px;text-align:center}
	.products .explain > .content .log28 .content  h5{padding:30px 0 0 0;background:url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bull/bull_title05.jpg) no-repeat center 0;font-size:40px;line-height:50px}
	.products .explain > .content .log28 .content caption{text-indent:-9999px;overflow:hidden;}
	.products .explain > .content .log28 table.type01{margin:30px 0}
	.products .explain > .content .log28 table.type01 th{border-top:1px solid #d5d6d8;background:#eeeeee;}
	.products .explain > .content .log28 table.type01 td{line-height:28px;padding:10px;}
	.products .explain > .content .log28 .content span{font-size:14px;color:#7296ba;line-height:22px;display:block;}
	.products .explain > .content .log28 .content dl {text-align:left;margin:36px 0 0 0;}
	.products .explain > .content .log28 .content dl.first {margin:80px 0 0 0;}
	.products .explain > .content .log28 .content dl dt{font-size:30px;line-height:34px;color:#34322f;margin:0 0 10px 0;}
	.products .explain > .content .log28 .content dl dd{font-size:16px;line-height:26px;color:#777;}
	.products .explain > .content .log28 .content dl dd.first{margin:0 0 24px 0;}
    */

    /*procuct_submain 0916추가*/
    .products .content_list ul li .img, .products .content_list div .img {
        font-size: 0;
    }

    .products .content_list .review_w {
        position: relative;
        margin-top: 20px;
    }

        .products .content_list .review_w:after {
            display: block;
            content: "";
            clear: both;
        }

    .products .content_list .r_news {
        margin-bottom: 40px;
    }

        .products .content_list .r_news .news_tit {
            font-size: 30px;
            font-weight: bold;
        }

        .products .content_list .r_news .bod {
            border-top: 2px solid #c2c2c2;
            margin-bottom: 20px;
        }

        .products .content_list .r_news p {
            font-size: 24px;
            margin-bottom: 10px;
        }

        .products .content_list .r_news .origin {
            font-size: 14px;
            color: #C2c2c2;
            margin-left: 2%
        }

        .products .content_list .r_news a:hover {
            text-decoration: underline;
        }

    .products .content_list .r_rig {
        display: block;
        float: left;
        margin-right: 18px;
    }

    .products .content_list .r_lef {
        display: inline-block;
        float: left;
        width: 793px;
    }

    .products .content_list .r_rig .textarea {
        position: relative;
        width: 386px;
        height: 105px;
        background: #f0f0f0;
        letter-spacing: -1px
    }

    .products .content_list .r_rig h3 {
        font-size: 18px;
        font-weight: bold;
        color: #34322f;
        padding: 20px 0 0 20px;
    }

    .products .content_list .r_rig p {
        font-size: 14px;
        color: #777;
        padding-left: 20px;
    }

    .products .content_list .r_rig span {
        position: absolute;
        right: 19px;
        top: 71px;
        color: #008aeb;
        text-decoration: underline;
        font-weight: bold;
    }

    .products .content_list .r_lef .textarea {
        position: relative;
        width: 386px;
        height: 105px;
        background: #f0f0f0;
        letter-spacing: -1px
    }

    .products .content_list .r_lef h3 {
        font-size: 18px;
        font-weight: bold;
        color: #34322f;
        padding: 20px 0 0 20px;
    }

    .products .content_list .r_lef p {
        font-size: 14px;
        color: #777;
        padding-left: 20px;
    }

    .products .content_list .r_lef span {
        position: absolute;
        right: 19px;
        top: 71px;
        color: #008aeb;
        text-decoration: underline;
        font-weight: bold;
    }

    .products .content_list .r_lef ul li {
        float: left;
        display: block;
        width: 386px;
    }

        .products .content_list .r_lef ul li:nth-child(even) {
            padding-bottom: 20px;
        }

        .products .content_list .r_lef ul li:nth-child(odd) {
            padding-right: 20px;
        }

    .products .content_list .rew_sns {
        height: 355px;
        padding-top: 20px;
    }

        .products .content_list .rew_sns:after {
            display: block;
            content: "";
            clear: both;
        }

        .products .content_list .rew_sns .rs_rig {
            float: left;
            width: 386px;
            padding-right: 18px
        }

        .products .content_list .rew_sns .rs_lef {
            float: left;
            width: 793px;
        }

    /* 20150310 추가 이벤트 페이지 */
    .products .event_list {
        width: 1200px;
        margin: 70px auto
    }

        .products .event_list .review_w img {
            width: 1200px
        }

    .products > .event_imgarea {
        position: relative;
        text-align: center;
        padding-top: 20px;
    }

        .products > .event_imgarea .img img {
            width: 100%;
        }

    .products .event_list .rew_prod {
        height: 155px;
        padding-top: 20px;
    }

        .products .event_list .rew_prod:after {
            display: block;
            content: "";
            clear: both;
        }

        .products .event_list .rew_prod .rs_rig {
            float: left;
            width: 900px
        }

        .products .event_list .rew_prod .rs_lef {
            float: left;
            width: 300px;
        }

        .products .event_list .rew_prod .textarea2 {
            position: relative;
            width: 300px;
            height: 150px;
            background: #efd144;
        }

        .products .event_list .rew_prod .textarea3 {
            position: relative;
            width: 900px;
            height: 150px;
            background: #e9e8e8;
        }

        .products .event_list .rew_prod .textarea2 h3 {
            position: absolute;
            left: 20px;
            top: -56px;
            font-size: 18px;
            color: #fff;
            font-weight: bold;
        }

        .products .event_list .rew_prod .textarea2 .r_txt {
            color: #fff;
            line-height: 40px;
            text-align: center;
            padding-top: 30px;
            font-weight: bold;
            font-size: 40px;
        }

        .products .event_list .rew_prod .textarea3 h3 {
            position: absolute;
            left: 20px;
            top: -56px;
            font-size: 18px;
            letter-spacing: -1px;
            font-weight: bold;
            color: #fff;
        }

        .products .event_list .rew_prod .textarea3 .r_tit {
            color: #000;
            line-height: 20px;
            padding-top: 35px;
            font-size: 40px;
            font-weight: bold;
            padding-left: 31%;
        }

        .products .event_list .rew_prod .textarea3 .r_txt {
            color: #000;
            line-height: 20px;
            text-align: left;
            padding-top: 20px;
            font-size: 18px;
            padding-left: 31%;
        }

            .products .event_list .rew_prod .textarea3 .r_txt del {
                color: #000;
                line-height: 20px;
                text-align: left;
                padding-top: 20px;
                font-size: 18px;
            }

            .products .event_list .rew_prod .textarea3 .r_txt span {
                color: red;
                line-height: 24px;
                text-align: center;
                padding-top: 20px;
                font-size: 25px;
                font-weight: bold;
            }

        .products .event_list .rew_prod .textarea3 .r_txt1 {
            color: #000;
            line-height: 20px;
            text-align: left;
            padding-top: 10px;
            font-size: 15px;
            padding-left: 31%;
        }

    .products > .event_imgarea .textarea {
        position: absolute;
        top: 10%;
        left: 20.5%;
        right: 20.5%;
        text-align: center;
    }

        .products > .event_imgarea .textarea .tit_detail {
            font-size: 36px;
            color: #fff;
        }

        .products > .event_imgarea .textarea .title {
            font-size: 80px;
            color: #fff;
            text-align: center;
        }

        .products > .event_imgarea .textarea .yr {
            font-size: 60px;
            color: #473d44;
        }

    .products > .event_imgarea .textarea1 {
        position: absolute;
        top: 53%;
        left: 28%;
    }

    .products > .event_imgarea .textarea2 {
        position: absolute;
        top: 55%;
        left: 57%;
    }

        .products > .event_imgarea .textarea2 .r_tit {
            font-size: 30px;
            color: #000;
            font-weight: bold;
        }

        .products > .event_imgarea .textarea2 .r_txt span {
            font-size: 50px;
            color: red;
        }

        .products > .event_imgarea .textarea2 .r_txt del {
            font-size: 35px;
            color: #fff;
        }

        .products > .event_imgarea .textarea2 .r_txt1 {
            font-size: 18px;
            color: #fff;
        }

    .products > .event_imgarea .textarea3 {
        position: absolute;
        top: 70%;
        left: 54.5%;
    }

    .products > .event_imgarea .textarea4 {
        position: absolute;
        top: 73%;
        left: 26%;
    }

        .products > .event_imgarea .textarea4 .l_txt {
            font-size: 23px;
            color: #fff;
            font-weight: bold;
        }

        .products > .event_imgarea .textarea4 .l_txt1 {
            font-size: 15px;
            color: #fff;
        }

    /* 20150310 추가 이벤트 페이지 END */

    /*.products .content_list .rew_sns li:first-child{padding-right:20px;}*/
    .products .content_list .rew_sns .textarea2 {
        position: relative;
        width: 386px;
        height: 40px;
        background: #0197ed;
    }

    .products .content_list .rew_sns .textarea3 {
        position: relative;
        width: 793px;
        height: 40px;
        background: #506ecf;
    }

    .products .content_list .rew_sns .textarea2 h3 {
        position: absolute;
        left: 20px;
        top: -56px;
        font-size: 18px;
        color: #fff;
        font-weight: bold;
    }

    .products .content_list .rew_sns .textarea2 .r_txt {
        color: #fff;
        line-height: 40px;
        padding: 0 20px;
    }

    .products .content_list .rew_sns .textarea2 .r_more {
        position: absolute;
        right: 10px;
        top: 10px;
        color: #fff;
        text-decoration: underline;
    }

    .products .content_list .rew_sns .textarea3 h3 {
        position: absolute;
        left: 20px;
        top: -56px;
        font-size: 18px;
        letter-spacing: -1px;
        font-weight: bold;
        color: #fff;
    }

    .products .content_list .rew_sns .textarea3 .r_txt {
        color: #fff;
        line-height: 40px;
        padding: 0 20px;
        ;
    }

    .products .content_list .rew_sns .textarea3 .r_more {
        position: absolute;
        right: 10px;
        top: 10px;
        color: #fff;
        text-decoration: underline;
    }

    /*0918추가 product view pc*/
    .wrap .content_acc {
        width: 1147px;
        margin: 0 auto;
    }

        .wrap .content_acc .titop {
            height: 274px;
            border-bottom: 1px solid #696969;
            text-align: center;
        }

            .wrap .content_acc .titop p {
                padding-top: 100px;
                font-size: 70px;
                vertical-align: top;
                color: #333;
                text-align: center;
                letter-spacing: -2px
            }

                .wrap .content_acc .titop p span {
                    font-weight: normal;
                }

        .wrap .content_acc .proP {
            position: relative;
            height: 500px;
            padding: 80px 0;
            border-bottom: 1px solid #696969;
        }

            .wrap .content_acc .proP:last-child {
                border-bottom: none;
            }

            .wrap .content_acc .proP h3 {
                font-size: 50px;
                color: #333;
                font-weight: normal;
                padding-bottom: 42px
            }

            .wrap .content_acc .proP p {
                font-size: 18px;
                color: #777;
                letter-spacing: -1px;
                line-height: 28px
            }

            .wrap .content_acc .proP .align_r {
                text-align: right;
            }

            .wrap .content_acc .proP .blur {
                background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bg/bg_ac_blur.png) no-repeat 60% 50%;
                width: 694px;
                height: 413px;
            }

                .wrap .content_acc .proP .blur > div {
                    text-align: center;
                    padding: 12%
                }

        .wrap .content_acc .align_l {
            padding-left: 60px;
        }

        .wrap .content_acc .align_r {
            padding-right: 80px;
        }

        .wrap .content_acc .pr_01 .txtarea1 {
            position: absolute;
            top: 120px;
            left: 500px;
        }

        .wrap .content_acc .pr_02 .txtarea2 {
            position: absolute;
            top: 100px;
            left: 25px;
            width: 582px;
            text-align: center;
        }

        .wrap .content_acc .pr_03 .txtarea3 {
            position: absolute;
            top: 120px;
            left: 500px;
            width: 566px;
            text-align: center;
        }

        .wrap .content_acc .pr_04 .txtarea4 {
            position: absolute;
            top: 60px;
            left: 25px;
            width: 580px;
            text-align: center;
        }

        .wrap .content_acc .pr_05 .txtarea5 {
            position: absolute;
            top: 120px;
            left: 520px;
            width: 570px;
            text-align: center;
        }

        .wrap .content_acc .pr_06 .txtarea6 {
            position: absolute;
            top: 60px;
            left: 25px;
            width: 570px;
            text-align: center;
        }

        .wrap .content_acc .pr_02 .imgarea {
            padding-top: 40px;
        }

        .wrap .content_acc .pr_05 .txtarea5 > div {
            padding: 2% 5%
        }

        .wrap .content_acc .pr_06 .align_r {
            padding-right: 120px;
        }

    .wrap .content_pro .titop_pcV {
        height: 548px;
        text-align: center;
    }

        .wrap .content_pro .titop_pcV .tittop_tit {
            padding-top: 100px;
            font-size: 70px;
            vertical-align: top;
            color: #333;
            text-align: center;
            letter-spacing: -2px
        }

        .wrap .content_pro .titop_pcV .m_tittop_tit {
            display: none;
        }

        .wrap .content_pro .titop_pcV p span {
            font-weight: normal;
        }

        .wrap .content_pro .titop_pcV .tittop_s {
            padding-top: 30px;
            font-size: 24px;
            line-height: 30px;
        }

        .wrap .content_pro .titop_pcV .tittop_ss {
            padding: 54px 0 40px 0;
            font-size: 18px;
            line-height: 28px;
            color: #777;
        }

    .wrap .content_pro .titop .btn_area {
        padding-bottom: 90px;
    }

    .wrap .content_pro {
        width: 100%;
        position: relative;
        background-color: #f5f5f5;
        height: 910px;
    }

        .wrap .content_pro .pcV p {
            font-size: 50px;
            line-height: 50px;
            text-align: left;
            letter-spacing: -2px
        }

            .wrap .content_pro .pcV p.pcv_txt {
                font-size: 18px;
                line-height: 28px;
                color: #777;
                text-align: left;
                letter-spacing: 0;
            }

        .wrap .content_pro .prv_01 {
            padding-top: 66px;
            text-align: center;
        }

            .wrap .content_pro .prv_01 p {
                text-align: center;
                padding-bottom: 40px;
            }

                .wrap .content_pro .prv_01 p.pcv_txt {
                    text-align: center;
                    padding-bottom: 45px;
                }

        .wrap .content_pro .prv_02 {
            padding-top: 100px;
            position: relative;
            height: 767px;
            margin: 0 auto;
            width: 1140px;
        }

            .wrap .content_pro .prv_02:after {
                display: block;
                content: '';
                clear: both;
            }

            .wrap .content_pro .prv_02 .lef_area {
                position: relative;
                width: 540px;
                padding-top: 100px;
                z-index: 11;
                float: left;
            }

                .wrap .content_pro .prv_02 .lef_area p.pcv_tit {
                    padding-bottom: 40px
                }

            .wrap .content_pro .prv_02 .rig_area {
                float: left;
                position: relative; /*position:absolute;right:10px;top:150px;*/
                z-index: 10;
                margin-left: -170px;
            }

        .wrap .content_pro .prv_03 {
            position: relative;
            height: 620px;
            padding: 60px 0;
            width: 1160px;
            margin: 0 auto;
        }

            .wrap .content_pro .prv_03:after {
                display: block;
                content: '';
                clear: both;
            }

            .wrap .content_pro .prv_03 .lef_area {
                float: left;
                width: 601px;
                text-align: left
            }

            .wrap .content_pro .prv_03 .rig_area {
                float: left;
                width: 540px;
                padding-top: 130px;
            }

                .wrap .content_pro .prv_03 .rig_area p.pcv_tit {
                    padding-bottom: 40px
                }

    .m_img {
        display: none
    }

    .products .etc_product {
        padding: 110px 0 107px;
        background: #eaeaea;
    }

        .products .etc_product ul {
            margin: 0 auto;
            width: 1200px;
        }
        /* 20210325 */
        .products .etc_product li {
            float: left;
            width: 33%;
        }

        .products .etc_product h5 {
            padding-top: 38px;
            font-size: 30px;
            color: #34332f;
            font-weight: 400;
            text-align: center;
        }

        .products .etc_product p {
            padding-top: 22px;
            font-size: 20px;
            color: #686868;
        }

    /* CONTACT US css */
    .contact > .post {
        width: 900px;
        margin: 160px auto 0
    }

        .contact > .post sup {
            color: #3898d3
        }

        .contact > .post .textarea {
            margin: 0 0 40px 0
        }

            .contact > .post .textarea h4 {
                padding: 20px 0 0 0;
                background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bull/bull_title02.jpg) no-repeat left 0;
                font-size: 30px
            }

            .contact > .post .textarea p {
                margin: 20px 0 0 0;
                font-size: 14px;
            }

        .contact > .post .infor {
            margin: 0 0 40px 0;
            padding: 40px;
            background: #eff0f0
        }

            .contact > .post .infor input[type="text"], .contact > .post .infor textarea {
                height: 38px;
                border: 1px solid #e4e4e4;
                background: #fff
            }

            .contact > .post .infor label {
                font-size: 14px
            }

            .contact > .post .infor input {
                width: 100%
            }

            .contact > .post .infor .name {
                float: left;
                margin: 0 20px 30px 0
            }

                .contact > .post .infor .name input {
                    width: 390px;
                    padding: 0 0 0 10px
                }

            .contact > .post .infor .mail {
                float: left;
                margin: 0 0 30px 0
            }

                .contact > .post .infor .mail input {
                    width: 390px;
                    padding: 0 0 0 10px
                }

            .contact > .post .infor .company {
                float: left;
                width: 400px;
                margin: 0 20px 30px 0
            }

                .contact > .post .infor .company input {
                    width: 390px;
                    padding: 0 0 0 10px
                }

            .contact > .post .infor .title {
                float: left;
                width: 100%;
                margin: 0 0 30px 0
            }

                .contact > .post .infor .title input {
                    width: 810px;
                    padding: 0 0 0 10px
                }

            .contact > .post .infor .contents {
                float: left;
                width: 100%
            }

                .contact > .post .infor .contents textarea {
                    width: 98%;
                    max-width: 98%;
                    min-height: 120px;
                    margin: 0 0 20px 0;
                    padding: 15px 1%;
                    overflow: hidden
                }

            .contact > .post .infor .attach {
                float: left;
                width: 100%;
                margin: 0 0 10px 0
            }

                .contact > .post .infor .attach input {
                    float: left;
                    width: 548px;
                    padding: 0 0 0 10px
                }

                .contact > .post .infor .attach .btn_area {
                    float: left;
                    margin: 0 0 0 10px
                }

            .contact > .post .infor span.point {
                float: left;
                font-size: 13px;
            }

        .contact > .post .btn_area {
            margin: 0 0 150px 0;
            text-align: center
        }

        .contact > .post .manage_infor {
            border-top: #bcbec0 1px dashed;
            border-bottom: #bcbec0 1px dashed;
            padding: 30px 0 34px;
            margin-bottom: 40px;
            overflow: hidden;
        }

            .contact > .post .manage_infor > div {
                padding: 0 0 0 50px;
            }

                .contact > .post .manage_infor > div.call {
                    background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/icon/icon_call.png) no-repeat left top;
                    float: left;
                }

                .contact > .post .manage_infor > div.hours {
                    background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/icon/icon_hours.png) no-repeat left top;
                    float: right;
                }

                .contact > .post .manage_infor > div > p {
                    color: #777;
                    font-size: 16px
                }

                    .contact > .post .manage_infor > div > p.title {
                        color: #333;
                        font-size: 20px;
                        margin-bottom: 8px;
                    }

    /* SUPPORT main css */
    .support .support_top {
        background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/content/support/support_home_welcome.jpg) no-repeat right bottom;
        height: 300px;
        width: 1200px;
        margin: 0 auto;
    }

        .support .support_top p {
            color: #777;
            width: 800px;
            text-align: center;
            font-size: 16px;
        }

            .support .support_top p.title {
                font-size: 40px;
                padding-top: 80px;
                color: #333;
                width: auto;
                text-align: left;
                margin-bottom: 25px;
            }

    .support .support_con {
        background: #f5f5f5;
        padding: 150px 0 80px;
    }

        .support .support_con .boxarea {
            overflow: hidden;
            width: 1200px;
            margin: 0 auto 50px;
        }

            .support .support_con .boxarea ul {
                width: 104%
            }

            .support .support_con .boxarea li {
                float: left;
                width: 380px;
                max-height: 290px;
                margin-right: 30px;
                margin-bottom: 30px;
            }

                .support .support_con .boxarea li:nth-child(4) {
                    margin-left: 205px;
                }

                .support .support_con .boxarea li > div {
                    background: #fff;
                    text-align: center;
                    padding: 64px 0 50px;
                }

                .support .support_con .boxarea li.first > div {
                    min-height: 177px;
                }

                .support .support_con .boxarea li > div > p {
                    font-size: 16px;
                    color: #777;
                    padding: 0 60px;
                }

                    .support .support_con .boxarea li > div > p.title {
                        font-size: 26px;
                        color: #333;
                        margin-bottom: 10px;
                    }

        .support .support_con .quickservice {
            border-top: dashed 1px #b5b8ba;
            width: 1200px;
            margin: 0 auto;
            overflow: hidden;
            padding: 80px 0 0;
        }

            .support .support_con .quickservice p.title {
                font-size: 26px;
                color: #333;
                float: left;
                margin-right: 60px;
                margin-left: 100px;
            }

            .support .support_con .quickservice ul {
                overflow: hidden;
            }

                .support .support_con .quickservice ul li {
                    float: left;
                    font-size: 16px;
                    color: #777;
                    padding-top: 9px;
                    margin-right: 60px
                }

                    .support .support_con .quickservice ul li > img {
                        vertical-align: top;
                        margin-right: 8px;
                        position: relative;
                        top: 3px;
                    }

    /* SUPPORT css */
    .support .tap {
        width: 1200px;
        margin: 160px auto 0;
        border-radius: 5px
    }

        .support .tap ul li {
            float: left
        }

            .support .tap ul li a {
                display: block;
                width: 239.2px;
                height: 37px;
                padding: 15px 0 0 0;
                border-right: 1px solid #fff;
                background: #ccd5de;
                color: #fff;
                font-size: 15px;
                text-align: center
            }

            .support .tap ul li.first a {
                border-radius: 5px 0 0 5px;
                behavior: url(PIE.htc)
            }

            .support .tap ul li.last a {
                border: 0;
                border-radius: 0 5px 5px 0;
                behavior: url(PIE.htc)
            }

            .support .tap ul li.on a {
                background: #4e545a
            }

            .support .tap ul li.on span {
                display: block;
                width: 100%;
                height: 10px;
                background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bg/bg_pointer.png) no-repeat center bottom
            }

    .support .ctrl {
        position: absolute;
        top: 0;
        right: 0;
        width: 18px;
        height: 19px
    }

    .support .arrow {
        position: absolute;
        width: 0;
        height: 0;
        top: 13px;
        right: 9px;
        border-top: 5px solid #999;
        border-left: 5px solid #f4f4f4;
        border-right: 5px solid #f4f4f4;
        font-size: 0;
        line-height: 0
    }

    /* SUPPORT download css */
    .support .download {
        margin: 0 0 0 0
    }

        .support .download .list {
            width: 1200px;
            margin: 0 auto
        }

            .support .download .list .series {
                float: left;
                width: 240px;
            }

                .support .download .list .series ul li {
                    border-top: 1px dashed #dadbdc;
                    color: #666;
                    font-size: 20px;
                    text-align: center
                }

                    .support .download .list .series ul li a {
                        display: block;
                        height: 50px;
                        padding: 30px 0 0 0;
                    }

                    .support .download .list .series ul li.first {
                        border: 0
                    }

                    .support .download .list .series ul li.on {
                        color: #3898d3
                    }

            .support .download .list .content {
                float: left
            }

                .support .download .list .content.series_c02 {
                    display: none
                }

                .support .download .list .content.series_c03 {
                    display: none
                }

                .support .download .list .content.series_c04 {
                    display: none
                }

                .support .download .list .content.series_c05 {
                    display: none
                }

                .support .download .list .content.series_c06 {
                    display: none
                }
                /* T700 추가 */
                .support .download .list .content.series_c07 {
                    display: none
                }

                .support .download .list .content.series_c08 {
                    display: none
                }

                .support .download .list .content ul li {
                    float: left;
                    font-size: 21px;
                    text-align: center;
                    width: 240px;
                    padding: 27px 0;
                }

                    .support .download .list .content ul li img {
                        width: 100%;
                        display: none;
                    }

                    .support .download .list .content ul li p {
                        color: #666;
                        font-weight: normal
                    }

                    .support .download .list .content ul li.on p {
                        color: #3898d3;
                        text-decoration: underline;
                    }

        .support .download > .content {
            margin: 100px 0 0 0;
            padding: 80px 0 110px;
            background: #e8e8e8
        }

            .support .download > .content .textarea {
                width: 1200px;
                margin: 0 auto;
                text-align: center
            }

                .support .download > .content .textarea h4 {
                    padding: 30px 0 30px 0;
                    background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bull/bull_title01.jpg) no-repeat center 0;
                    font-size: 50px
                }

                    .support .download > .content .textarea h4 span {
                        color: #3898d3
                    }

                .support .download > .content .textarea .btn_area {
                    margin: 60px 0 0px
                }

            .support .download > .content .file {
                width: 1200px;
                margin: 0 auto
            }

                .support .download > .content .file ul .file_li {
                    float: left;
                    width: 280px;
                    min-height: 664px;
                    margin: 0 10px;
                    background: #fff;
                    text-align: center
                }

                    .support .download > .content .file ul .file_li h4 {
                        margin: 60px 0 20px;
                        height: 80px;
                        font-size: 30px
                    }

                    .support .download > .content .file ul .file_li p {
                        color: #777;
                        font-size: 16px
                    }

                    .support .download > .content .file ul .file_li img {
                        margin: 50px 0 60px
                    }

                    .support .download > .content .file ul .file_li img.appstore {
                        margin: 0px 0 5px
                    }

                    .support .download > .content .file ul .file_li .btn_area {
                        margin: 0 0 60px 0
                    }

            .support .download > .content.c_log01 {
                display: none
            }

            .support .download > .content.c_log02 {
                display: none
            }

            .support .download > .content.c_log03 {
                display: none
            }

            .support .download > .content.c_log04 {
                display: none
            }

            .support .download > .content.c_log05 {
                display: none
            }
        /*.support .download .content.c_log06{display:none}*/
        .support .download .content.c_log07 {
            display: none
        }

        .support .download .content.c_log08 {
            display: none
        }

        .support .download .content.c_log09 {
            display: none
        }

        .support .download .content.c_log10 {
            display: none
        }

        .support .download .content.c_log11 {
            display: none
        }

        .support .download .content.c_log12 {
            display: none
        }

        .support .download .content.c_log13 {
            display: none
        }

        .support .download .content.c_log14 {
            display: none
        }

        .support .download .content.c_log15 {
            display: none
        }

        /*추가*/
        .support .download > .content .file ul .file_li .m_top {
            margin-top: 5px;
            display: none;
        }

        .support .download > .content .file ul .file_li3 .m_top {
            margin-top: 5px;
            display: none;
        }

        .support .download > .content .file ul .file_li3 {
            float: left;
            width: 380px;
            min-height: 685px;
            margin: 0 10px;
            background: #fff;
            text-align: center
        }

            .support .download > .content .file ul .file_li3 h4 {
                margin: 60px 0 20px;
                font-size: 30px
            }

            .support .download > .content .file ul .file_li3 p {
                color: #777;
                font-size: 16px
            }

            .support .download > .content .file ul .file_li3 img {
                margin: 50px 0 60px
            }

            .support .download > .content .file ul .file_li3 .btn_area {
                margin: 0 0 60px 0
            }


        .support .download > .content .file ul .file_li2 .m_top {
            margin-top: 5px;
            display: none;
        }

        .support .download > .content .file ul .file_li2 {
            float: left;
            width: 580px;
            min-height: 685px;
            margin: 0 10px;
            background: #fff;
            text-align: center
        }

            .support .download > .content .file ul .file_li2 h4 {
                margin: 60px 0 20px;
                font-size: 30px
            }

            .support .download > .content .file ul .file_li2 p {
                color: #777;
                font-size: 16px
            }

            .support .download > .content .file ul .file_li2 img {
                margin: 50px 0 60px
            }

            .support .download > .content .file ul .file_li2 .btn_area {
                margin: 0 0 60px 0
            }


    .sel_size {
        width: 156px;
        height: 35px;
        border-radius: 5px;
        background: #818286;
        color: #fff;
        border: 1px solid #BABABA;
        padding: 7px 5px;
        margin-bottom: 5px;
    }

    .btn_hover:hover {
        text-decoration: underline;
    }

    /* 레이어 팝업 */
    .popupLayer {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 100;
        -ms-filter: alpha(opacity=70);
        filter: alpha(opacity=70);
        opacity: 0.5;
        -moz-opacity: 0.5;
    }

        .popupLayer .back {
            position: fixed;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            background: #000;
            z-index: 101;
        }

    .popup_box {
        position: fixed;
        left: 40%;
        top: 50%;
        z-index: 102;
        background: #fff;
        width: 400px;
        height: 300px;
    }

        .popup_box .popup_contents {
            position: absolute;
            left: 0%;
            top: 0%;
            width: 400px;
            height: 300px;
            z-index: 102;
        }

        .popupLayer iframe, .popup_box iframe {
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
        }

    .pop_btn {
        width: 30px;
        height: 30px;
        position: absolute;
        right: 7px;
        top: 7px;
        background: #000;
        color: #fff;
        border: none;
    }
    /* 레이어 팝업 E */

    /* Check latest version 레이어 팝업 20200525 */
    .version_modal-content {
        width: 600px;
        height: 400px;
    }

        .version_modal-content .version-scroll-bar {
            overflow-y: scroll;
            height: 220px;
            padding: 10px;
        }

    /* SUPPORT faq css */
    .support .faq {
        width: 1200px;
        margin: 60px auto 0
    }

        .support .faq .list {
            width: 824px;
            margin: 0 auto
        }

            .support .faq .list ul li {
                float: left;
                margin: 0 20px 0 0;
                padding: 0 20px 0 0;
                border-right: 1px solid #c7c7c7
            }

                .support .faq .list ul li a {
                    color: #999;
                    font-size: 24px;
                    font-weight: normal
                }

                .support .faq .list ul li.on a {
                    color: #3898d3
                }

                .support .faq .list ul li.last {
                    margin: 0;
                    padding: 0;
                    border: 0
                }

        .support .faq .faq_list {
            margin: 60px 0 100px;
            border-top: 1px solid #696969;
            border-bottom: 1px solid #696969
        }

            .support .faq .faq_list ul li .title {
                height: 110px;
                border-top: 1px solid #c7c7c7;
                background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/btn/btn_tap_off.png) no-repeat right 45%
            }

            .support .faq .faq_list ul li.first .title {
                border: 0
            }

            .support .faq .faq_list ul li .title a {
                display: block;
                width: 100%;
                height: 75px;
                padding: 35px 0 0 60px;
                background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/icon/icon_question_off.png) no-repeat left 40%;
                color: #333;
                font-size: 20px
            }

            .support .faq .faq_list ul li .title.on {
                background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/btn/btn_tab_on.png) no-repeat right 45%
            }

                .support .faq .faq_list ul li .title.on a {
                    color: #3898d3;
                    background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/icon/icon_question_on.png) no-repeat left 40%
                }

            .support .faq .faq_list ul li .content {
                display: none;
                padding: 30px 20px;
                border-top: 1px dashed #c7c7c7
            }

                .support .faq .faq_list ul li .content p {
                    color: #777;
                    font-size: 14px;
                    line-height: 30px
                }

                .support .faq .faq_list ul li .content img {
                    margin: 30px 0 0 0
                }

            .support .faq .faq_list ul li.on .content {
                display: block
            }
    /*    Table 영역 20200515추가    */
    .Apps_01 {
        width: 910px;
        height: 524px;
    }

    .Update_01 {
        width: 360px;
        height: 324px;
    }

    .Device_01 {
        width: 445px;
        height: 210px;
    }

    .Accessories_01 {
        width: 385px;
        height: 97px;
    }

    /* SUPPORT where to buy css */
    .support .where > h4 {
        margin: 10px 0 0 0;
        font-size: 50px;
        text-align: center
    }

    .support .where .flag {
        text-align: center;
        margin-top: 80px;
    }

    .support .where .content {
        margin: 80px 0
    }

        .support .where .content .list {
            width: 1200px;
            margin: 0 auto;
            text-align: center
        }

            .support .where .content .list ul li {
                float: left;
                width: 580px;
                text-align: center;
                position: relative;
            }

                .support .where .content .list ul li > a > span {
                    position: absolute;
                    bottom: 20px;
                    right: 20px;
                }

                .support .where .content .list ul li.right {
                    float: right
                }

                .support .where .content .list ul li p {
                    margin: 0 0 30px 0;
                    color: #333;
                    font-size: 30px
                }

            .support .where .content .list .btn_area {
                margin: 40px 0 100px
            }

    .support .where .textarea {
        width: 100%;
        height: 300px;
        background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bg/bg_where.jpg) no-repeat center bottom;
        text-align: center;
        color: #fff
    }

        .support .where .textarea h4 {
            padding: 110px 0 30px 0;
            font-size: 30px
        }

        .support .where .textarea p {
            font-size: 16px
        }

    .support .where .content .list ul li {
    }

        .support .where .content .list ul li .market {
            position: absolute;
            left: 0.45%;
            bottom: 0.8%;
        }

            .support .where .content .list ul li .market a {
                float: left;
                width: 49.5%;
                margin-right: 0.8%;
            }

                .support .where .content .list ul li .market a.last {
                    margin-right: 1px
                }

        .support .where .content .list ul li.online {
            margin-top: 30px;
        }

            .support .where .content .list ul li.online .market {
                width: 99%;
            }

                .support .where .content .list ul li.online .market a {
                    float: right;
                }

    .support .wheretobuy {
        margin: 0 auto;
        width: 1200px;
    }
        /* 20200805 */
        .support .wheretobuy .wheretobuy_tab {
            margin: 60px auto;
            width: 1100px;
        }

            .support .wheretobuy .wheretobuy_tab li {
                float: left;
                margin: 0 14px 0 0;
                padding: 0 14px 0 0;
                border-right: 1px solid #c7c7c7
            }

                .support .wheretobuy .wheretobuy_tab li a {
                    color: #999999;
                    font-size: 24px;
                    text-transform: uppercase;
                    font-weight: 400;
                }

                    .support .wheretobuy .wheretobuy_tab li a:hover, .support .wheretobuy .wheretobuy_tab li a.on {
                        color: #3898d3;
                    }

                .support .wheretobuy .wheretobuy_tab li.last {
                    margin: 0;
                    padding: 0;
                    border: 0
                }

        .support .wheretobuy .wheretobuy_list ul {
            display: none;
        }

            .support .wheretobuy .wheretobuy_list ul.active {
                display: block;
            }

        .support .wheretobuy .wheretobuy_list li {
            float: left;
            margin-bottom: 39px;
            width: 33.3%;
        }

            .support .wheretobuy .wheretobuy_list li .list_obj {
                position: relative;
                width: 95%;
                height: 95%;
                overflow: hidden;
            }

                .support .wheretobuy .wheretobuy_list li .list_obj a {
                    position: absolute;
                    top: 0;
                    left: 0;
                    display: block;
                    width: 100%;
                    height: 100%;
                    z-index: 9;
                }

                .support .wheretobuy .wheretobuy_list li .list_obj img {
                    width: 100%;
                }

                .support .wheretobuy .wheretobuy_list li .list_obj .overlay {
                    position: absolute;
                    top: 0;
                    left: 0;
                    width: 100%;
                    height: 100%;
                    background: #222222;
                    color: #efefef;
                    text-align: center;
                    display: none;
                }

                    .support .wheretobuy .wheretobuy_list li .list_obj .overlay .cont {
                        position: absolute;
                        top: 0;
                        left: 0;
                        margin: 5%;
                        width: 90%;
                        height: 79%;
                        text-align: center;
                    }

                        .support .wheretobuy .wheretobuy_list li .list_obj .overlay .cont h3 {
                            padding-top: 17%;
                            color: #fff;
                            font-size: 24px;
                        }

                        .support .wheretobuy .wheretobuy_list li .list_obj .overlay .cont span {
                            color: #fff;
                            font-size: 16px;
                        }

    /* SUPPORT qanda css */
    .support .faq > .post {
        width: 1100px;
        margin: 0 auto
    }

        .support .faq > .post sup {
            color: #3898d3
        }

        .support .faq > .post .textarea {
            margin: 0 0 40px 0
        }

            .support .faq > .post .textarea h4 {
                padding: 20px 0 0 0;
                background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bull/bull_title02.jpg) no-repeat left 0;
                font-size: 30px
            }

            .support .faq > .post .textarea p {
                margin: 20px 0 0 0;
                font-size: 16px;
                color: #777777;
            }

        .support .faq > .post .infor {
            margin: 0 0 40px 0;
            padding: 40px;
            background: #eff0f0;
            position: relative;
        }

            .support .faq > .post .infor input[type="text"], .faq > .post .infor textarea {
                height: 40px;
                border: 1px solid #e4e4e4;
                background: #fff
            }

            .support .faq > .post .infor label {
                font-size: 14px
            }

            .support .faq > .post .infor input {
                width: 100%
            }

            .support .faq > .post .infor .name {
                margin: 0 20px 30px 0;
                width: 48%;
                float: left;
            }

                .support .faq > .post .infor .name input {
                    width: 98%;
                    padding: 0 0 0 2%
                }

            .support .faq > .post .infor .mail {
                margin: 0;
                width: 48%;
                float: right;
            }

                .support .faq > .post .infor .mail input {
                    width: 98%;
                    padding: 0 0 0 2%;
                }

            .support .faq > .post .infor .company {
                width: 48%;
                margin: 0 20px 30px 0;
                clear: both;
                float: left;
            }

                .support .faq > .post .infor .company fieldset {
                    width: 100%
                }

                .support .faq > .post .infor .company .videos_select {
                    width: 100%;
                    background: #fff
                }

                    .support .faq > .post .infor .company .videos_select .my_value {
                        width: 99%;
                        height: 28px;
                        padding: 12px 0 0 1%;
                        border: 1px solid #e4e4e4
                    }

                    .support .faq > .post .infor .company .videos_select .ctrl {
                        top: 5px;
                        right: 6px
                    }

                    .support .faq > .post .infor .company .videos_select .i_list {
                        top: 40px;
                        z-index: 5;
                    }

                        .support .faq > .post .infor .company .videos_select .i_list li label {
                            background: #fff
                        }

            .support .faq > .post .infor .model {
                width: 48%;
                margin: 0;
                float: right;
            }

                .support .faq > .post .infor .model fieldset {
                    width: 100%
                }

                .support .faq > .post .infor .model .videos_select {
                    width: 100%;
                    background: #fff
                }

                    .support .faq > .post .infor .model .videos_select .my_value {
                        width: 99%;
                        height: 28px;
                        padding: 12px 0 0 1%;
                        border: 1px solid #e4e4e4
                    }

                    .support .faq > .post .infor .model .videos_select .ctrl {
                        top: 5px;
                        right: 6px
                    }

                    .support .faq > .post .infor .model .videos_select .i_list {
                        top: 40px
                    }

                        .support .faq > .post .infor .model .videos_select .i_list li label {
                            background: #fff
                        }

            .support .faq > .post .infor .title {
                width: 100%;
                margin: 30px 0 30px 0;
                clear: both;
            }

                .support .faq > .post .infor .title input {
                    width: 99%;
                    padding: 0 0 0 1%;
                }

            .support .faq > .post .infor .contents {
                width: 100%
            }
                /*  20200518 수정  */
                .support .faq > .post .infor .contents textarea {
                    width: 98%;
                    max-width: 98%;
                    min-height: 150px;
                    margin: 0 0 20px 0;
                    padding: 15px 1%;
                    overflow: hidden
                }

            .support .faq > .post .infor .attach {
                width: 100%;
                margin: 0 0 10px 0
            }

                .support .faq > .post .infor .attach input {
                    float: left;
                    width: 72%;
                    padding: 0 0 0 10px
                }

                .support .faq > .post .infor .attach .btn_area {
                    float: left;
                    margin: 0 0 0 10px;
                    float: right
                }

            .support .faq > .post .infor span.point {
                float: left
            }

        .support .faq > .post .btn_area {
            margin: 0 0 10px 0;
            text-align: center
        }

        .support .faq > .post > p {
            margin: 0 0 140px 0;
            color: #4e545a;
            text-align: center
        }

        .support .faq > .post .manage_infor {
            border-top: #bcbec0 1px dashed;
            border-bottom: #bcbec0 1px dashed;
            padding: 30px 0 34px;
            margin-bottom: 40px;
            overflow: hidden;
        }

            .support .faq > .post .manage_infor > div {
                padding: 0 0 0 50px;
                width: 28%;
            }

                .support .faq > .post .manage_infor > div.call {
                    background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/icon/icon_call.png) no-repeat left top;
                    float: left;
                }

                .support .faq > .post .manage_infor > div.hours {
                    background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/icon/icon_hours.png) no-repeat left top;
                    float: right;
                }

                .support .faq > .post .manage_infor > div > p {
                    color: #777;
                    font-size: 16px;
                    line-height: 26px;
                }

                    .support .faq > .post .manage_infor > div > p.title {
                        color: #333;
                        font-size: 20px;
                        margin-bottom: 8px;
                    }

        .support .faq > .post .manage_infor2 {
            border-bottom: #bcbec0 1px dashed;
            padding: 0px 0 34px;
            margin-bottom: 40px;
            overflow: hidden;
        }

            .support .faq > .post .manage_infor2 > div {
                padding: 0 0 0 50px;
                width: 28%;
            }

                .support .faq > .post .manage_infor2 > div.call {
                    background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/icon/icon_call.png) no-repeat left top;
                    float: left;
                }

                .support .faq > .post .manage_infor2 > div.hours {
                    background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/icon/icon_hours.png) no-repeat left top;
                    float: right;
                    margin-right: 40px;
                    width: 500px;
                }

                .support .faq > .post .manage_infor2 > div > p {
                    color: #777;
                    font-size: 16px;
                    line-height: 26px;
                }

                    .support .faq > .post .manage_infor2 > div > p.title {
                        color: #333;
                        font-size: 20px;
                        margin-bottom: 8px;
                    }

    /* SUPPORT mounting css */
    .support .mounting .movie {
        width: 900px;
        margin: 60px auto 0;
        text-align: center
    }

        .support .mounting .movie h4 {
            margin: 0 0 40px 0;
            padding: 30px 0 0 0;
            background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bull/bull_title01.jpg) no-repeat center 0;
            font-size: 50px
        }

        .support .mounting .movie .movie_area {
            font-size: 0
        }

    .support .mounting .process {
        margin: 150px 0 0 0;
        padding: 80px 0 150px 0;
        background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bg/support_mointing_installation_complete.png) no-repeat center bottom;
        background-color: #f5f5f5
    }

        .support .mounting .process > h4 {
            padding: 30px 0 0 0;
            background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bull/bull_title01.jpg) no-repeat center 0;
            font-size: 50px;
            text-align: center
        }

        .support .mounting .process .infor {
            width: 900px;
            margin: 70px auto 0
        }

            .support .mounting .process .infor ul li {
                float: left;
                width: 200px;
                margin: 0 150px 0 0;
                text-align: center
            }

                .support .mounting .process .infor ul li.last {
                    margin: 0
                }

                .support .mounting .process .infor ul li p {
                    margin: 25px 0 0 0;
                    color: #34322f;
                    font-size: 20px
                }

        .support .mounting .process .list {
            width: 1200px;
            margin: 100px auto 0
        }

            .support .mounting .process .list ul li {
                float: left;
                width: 373px;
                height: 450px;
                margin: 0 40px 0 0;
                font-size: 0;
                text-align: center
            }

                .support .mounting .process .list ul li.last {
                    margin: 0
                }

                .support .mounting .process .list ul li img {
                    width: 100%
                }

                .support .mounting .process .list ul li p {
                    margin: 20px 0 15px;
                    color: #777;
                    font-size: 16px;
                    line-height: 26px
                }

                .support .mounting .process .list ul li span {
                    color: #777;
                    font-size: 16px
                }

        .support .mounting .process .textarea {
            margin: 120px 0 0 0;
            text-align: center
        }

            .support .mounting .process .textarea h4 {
                font-size: 70px
            }

            .support .mounting .process .textarea p {
                color: #777;
                font-size: 18px
            }

    .support .mounting .content {
        width: 1200px;
        margin: 80px auto 0;
        text-align: center
    }

        .support .mounting .content > h4 {
            padding: 30px 0 0 0;
            background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bull/bull_title01.jpg) no-repeat center 0;
            font-size: 50px
        }

        .support .mounting .content > p {
            margin: 20px 0 0 0;
            color: #777;
            font-size: 16px
        }

        .support .mounting .content .lcd {
            margin: 100px 0 0 0
        }

            .support .mounting .content .lcd h5 {
                margin: 0 0 40px 0;
                padding: 30px 0 0 0;
                background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bull/bull_title02.jpg) no-repeat center 0;
                font-size: 40px
            }

            .support .mounting .content .lcd p {
                margin: 40px 0 0 0;
                color: #777;
                font-size: 16px
            }

        .support .mounting .content .wifi {
            margin: 100px 0 0 0
        }

            .support .mounting .content .wifi h5 {
                margin: 0 0 40px 0;
                padding: 30px 0 0 0;
                background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bull/bull_title02.jpg) no-repeat center 0;
                font-size: 40px
            }

            .support .mounting .content .wifi p {
                margin: 40px 0 20px 0;
                color: #777;
                font-size: 16px
            }

            .support .mounting .content .wifi span {
                color: #7296ba;
                font-size: 14px
            }

        .support .mounting .content .download {
            padding: 80px 0;
            border-bottom: 1px dashed #bcbec0
        }

            .support .mounting .content .download h5 {
                background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bull/bull_dashed01.png) no-repeat center center;
                font-size: 30px
            }

            .support .mounting .content .download p {
                margin: 20px 0 0 0;
                color: #7296ba;
                font-size: 14px
            }

            .support .mounting .content .download ul {
                width: 600px;
                margin: 40px auto 0
            }

                .support .mounting .content .download ul li {
                    float: left;
                    width: 300px;
                    text-align: center
                }

        .support .mounting .content .av {
            margin: 100px 0 0 0
        }

            .support .mounting .content .av h5 {
                margin: 0 0 40px 0;
                padding: 30px 0 0 0;
                background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bull/bull_title02.jpg) no-repeat center 0;
                font-size: 40px
            }

            .support .mounting .content .av ul li {
                float: left;
                width: 580px;
                margin: 0 40px 0 0
            }

                .support .mounting .content .av ul li.last {
                    margin: 0
                }

                .support .mounting .content .av ul li p {
                    margin: 40px 0 0 0;
                    color: #777;
                    font-size: 16px
                }

    .support .mounting .bottom {
        width: 100%;
        height: 400px;
        margin: 150px 0 0 0;
        background: #6d6f70;
        text-align: center
    }

        .support .mounting .bottom img {
            margin: 90px 0 20px 0
        }

        .support .mounting .bottom > p {
            color: #fff;
            font-size: 30px
        }

        .support .mounting .bottom .btn_area {
            margin: 40px 0 0 0
        }

    /* 오른쪽 버튼영역 */
    .main_btn_area {
        position: fixed;
        top: 45.3%;
        right: 50px
    }

        .main_btn_area ul li:first-child {
            margin: 10px 0 5px 0
        }

        .main_btn_area ul li {
            margin: 10px 0 0 0;
            text-align: center
        }

    /* Member */
    .member {
        margin: 0 auto;
        padding-bottom: 128px;
        width: 397px;
    }

        .member h1 {
            margin: 45px 0 50px;
            text-align: center;
        }

            .member h1 img {
                width: 106px;
            }

        .member .member_box {
            padding: 44px 0 37px;
            background: #eff0f0;
        }

            .member .member_box h2 {
                margin: 0 auto;
                padding-bottom: 47px;
                width: 80%;
                font-size: 30px;
                text-align: center;
                text-transform: uppercase;
            }

            .member .member_box ul {
                margin: 0 auto;
                width: 80%;
            }

                .member .member_box ul li {
                    margin-bottom: 5px;
                }

                    .member .member_box ul li input[type=text], .member .member_box ul li input[type=password] {
                        padding: 0 10px 0 40px;
                        width: 265px;
                        height: 53px;
                        line-height: 53px;
                        border: 0;
                        font-size: 16px;
                        font-weight: 400;
                    }

                    .member .member_box ul li.email input {
                        background: #fff url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/icon/icon_email.png) 13px center no-repeat;
                    }

                    .member .member_box ul li.password input {
                        background: #fff url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/icon/icon_password.png) 16px center no-repeat;
                    }

                    /* Select Country */
                     .member .member_box ul li.countryselect select{
                        padding: 0 10px 0 12px;
                        width: 315px;
                        height: 53px;
                        line-height: 53px;
                        border: 0;
                        font-size: 16px;
                        font-weight: 400;
	                    color: #b9b9b9;
                    }
                    .member .member_box ul li.countryselect select option {
                        background: #fff; 
                    }
        
                    .member .member_box ul li.left_align {
                        float: left;
                        width: 100%;
                    }
                    /*.member .member_box ul li.left_align input{padding:0 12px 0 15px;width:127px;}*/
                    .member .member_box ul li.lname input {
                        width: 130px;
                    }


                    /* 20200220 국가선택 박스 추가 */
                    /* .member .member_box ul li.left_align .select_area{width: 315px; border: none; font-size: 16px; color: #bbb; font-weight: 400; padding-left: 36px; height: 53px;} */
                    .member .member_box ul li.left_align select {
                        width: 315px;
                        border: none;
                        font-size: 16px;
                        color: #bbb;
                        font-weight: 400;
                        padding-left: 36px;
                        height: 53px;
                        background: url('https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/btn/bt_arrow.jpg') no-repeat 100% 50%; /* 화살표 아이콘 추가 */
                        -webkit-appearance: none;
                        -moz-appearance: none;
                        appearance: none;
                    }

                    .member .member_box ul li.left_align select {
                        background-color: #fff;
                    }

                        .member .member_box ul li.left_align select::-ms-expand {
                            display: none;
                        }
    /*익스 기본값 제거 */

    /* 20230317 버튼 UI 수정 */
    .sns_btn {
        width: 80%;
        padding: 9px;
        border: none;
        border-radius: 4px;
        margin: 10px auto 0;
        opacity: 0.85;
        display: block;
        font-size: 16px !important;
        line-height: 20px;
        text-decoration: none; /* remove underline from anchors */
        box-sizing: border-box;
    }
    .fa-google {
      background: conic-gradient(from -45deg, #ea4335 110deg, #4285f4 90deg 180deg, #34a853 180deg 270deg, #fbbc05 270deg) 73% 55%/150% 150% no-repeat;
      -webkit-background-clip: text;
      background-clip: text;
      color: transparent;
      -webkit-text-fill-color: transparent;
    }    

    /* add appropriate colors to fb, twitter and google buttons */
    .fb {
        background-color: #3B5998;
        color: white !important;
    }

    .apple {
        background-color: black;
        color: white !important;
    }

    .twitter {
        background-color: #55ACEE;
        color: white !important;
    }

    .google {
        background-color: #fff;
        color: #000 !important;
        border: 1px solid #ddd;
    }

    .or-seperator {
        margin: 30px 0 10px;
        text-align: center;
        border-top: 1px solid #ccc;
        width: 100%;
    }

        .or-seperator i {
            padding: 0 10px;
            background: #eff0f0;
            position: relative;
            top: -11px;
            z-index: 1;
            font-size: 14px;
        }

    .member .member_box ul li.country {
        margin-bottom: 12px;
    }

        .member .member_box ul li.country input {
            padding: 0 12px 0 15px;
            width: 288px;
        }

    .member .member_box .checkbox_area {
        padding: 15px 0 0 12px;
    }

        .member .member_box .checkbox_area p {
            font-size: 16px;
            color: #a9a9a9;
        }

            .member .member_box .checkbox_area p a {
                color: #3898d3;
                font-size: 16px;
                text-decoration: underline;
            }

    .member .member_box input.btn_signin {
        margin: 30px auto 0;
        width: 80%;
        display: block;
        line-height: 53px;
        border: 0;
        border-radius: 4px;
        background: #3898d3;
        color: #fff;
        font-size: 18px;
        text-align: center;
        text-transform: uppercase;
        cursor: pointer;
    }

    .member .member_box #viewLoading {
        margin: 30px auto 0;
        width: 80%;
        display: block;
        line-height: 53px;
        border: 0;
        border-radius: 4px;
        background: #3898d3;
        color: #fff;
        font-size: 18px;
        text-align: center;
        text-transform: uppercase;
        cursor: pointer;
    }

    .member .member_box p.blue_link {
        padding-top: 20px;
        text-align: center;
    }

        .member .member_box p.blue_link a {
            color: #3898d3;
            font-size: 16px;
            text-decoration: underline;
        }

    .member .request_email {
        padding-bottom: 45px;
    }

    .member .sociel_sign_in {
        margin: 0 auto;
        padding-top: 35px;
        width: 310px;
    }

        .member .sociel_sign_in ul li {
            margin-bottom: 5px;
        }

            .member .sociel_sign_in ul li a {
                padding-left: 96px;
                display: block;
                line-height: 53px;
                font-size: 16px;
                color: #fff;
                border-radius: 4px;
            }

            .member .sociel_sign_in ul li.facebook a {
                background: #446aaa url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/icon/icon_facebook_signin.png) 23px 0 no-repeat;
            }

            .member .sociel_sign_in ul li.google a {
                background: #e54c49 url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/icon/icon_google_signin.png) 20px 0 no-repeat;
            }

    .member .sign_up_link {
        padding-top: 15px;
        text-align: center;
        font-size: 16px;
        color: #a9a9a9;
    }

        .member .sign_up_link a {
            color: #3898d3;
            font-size: 16px;
            text-decoration: underline;
        }

    .member .password_box {
        padding: 44px 0 37px;
        background: #eff0f0;
    }

        .member .password_box h2 {
            padding-bottom: 19px;
            width: 100%;
            font-size: 30px;
            text-align: center;
            text-transform: uppercase;
        }

        .member .password_box h3 {
            padding-bottom: 50px;
            width: 100%;
            font-size: 16px;
            text-align: center;
            color: #a9a9a9;
            line-height: 24px;
        }

        .member .password_box ul {
            margin: 0 auto;
            width: 80%;
        }

            .member .password_box ul li {
                margin-bottom: 5px;
            }

                .member .password_box ul li input[type=text], .member .password_box ul li input[type=password] {
                    padding: 0 10px 0 40px;
                    width: 265px;
                    height: 53px;
                    line-height: 53px;
                    border: 0;
                    font-size: 16px;
                    font-weight: 400;
                }

                .member .password_box ul li.email input {
                    background: #fff url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/icon/icon_email.png) 13px center no-repeat;
                }

                .member .password_box ul li.password input {
                    background: #fff url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/icon/icon_password.png) 16px center no-repeat;
                }

        .member .password_box div.btn_signin {
            margin: 0 auto;
            padding-top: 30px;
            width: 80%;
        }

            .member .password_box div.btn_signin a {
                display: block;
                line-height: 53px;
                border-radius: 4px;
                background: #3898d3;
                color: #fff;
                font-size: 18px;
                text-align: center;
                text-transform: uppercase;
            }

        .member .password_box p.blue_link {
            padding-top: 20px;
            text-align: center;
        }

            .member .password_box p.blue_link a {
                color: #3898d3;
                font-size: 16px;
                text-decoration: underline;
            }

    .benefit_area {
        padding: 80px 0 180px;
        width: 100%;
        background: #eff0f0 url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bg/bg_benefit.png) center 247px no-repeat;
    }

        .benefit_area dl.tit {
            margin: 0 0 285px;
            width: 100%;
            background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bull/bull_line_red.png) center 0 no-repeat;
        }

            .benefit_area dl.tit dt {
                padding-top: 36px;
                font-size: 50px;
                color: #323232;
                text-align: center;
            }

            .benefit_area dl.tit dd {
                padding-top: 31px;
                font-size: 17px;
                color: #a9a9a9;
                text-align: center;
                margin: 0 auto;
                width: 80%;
            }

        .benefit_area .benefit_width {
            margin: 0 auto;
            width: 90%;
        }

        .benefit_area .benefit_form {
            float: left;
            padding: 166px 0;
            width: 49.5%;
            background: #fff;
            border: 1px solid #d9d9d9;
            height: 350px;
        }

            .benefit_area .benefit_form ul {
                margin: 0 auto;
                padding-bottom: 6px;
                width: 90%;
            }

            .benefit_area .benefit_form li {
                margin-bottom: 13px;
            }

                .benefit_area .benefit_form li input[type=text] {
                    padding: 0 10px;
                    width: 100%;
                    height: 53px;
                    color: #777777;
                    line-height: 53px;
                    border: 1px solid #e4e4e4;
                    font-size: 16px;
                    font-weight: 400;
                    box-sizing: border-box;
                    -webkit-box-sizing: border-box;
                    -moz-box-sizing: border-box;
                }

            .benefit_area .benefit_form label {
                color: #a9a9a9;
                font-size: 16px;
            }

            .benefit_area .benefit_form li .jqTransformSelectWrapper ul {
                padding: 0;
            }

                .benefit_area .benefit_form li .jqTransformSelectWrapper ul li {
                    margin: 0;
                }

            .benefit_area .benefit_form div.center_align {
                margin: 0 auto;
                width: 180px;
            }

            .benefit_area .benefit_form div.btn_register {
                margin: 0 auto;
                padding-top: 35px;
                width: 67%;
            }

                .benefit_area .benefit_form div.btn_register a {
                    display: block;
                    line-height: 53px;
                    border-radius: 4px;
                    background: #3898d3;
                    color: #fff;
                    font-size: 16px;
                    text-align: center;
                    text-transform: uppercase;
                }

            .benefit_area .benefit_form.benefit_logout {
                padding: 190px 0;
                height: 302px;
            }

                .benefit_area .benefit_form.benefit_logout h3 {
                    margin: 0 auto;
                    padding-bottom: 26px;
                    width: 410px;
                    font-size: 30px;
                    color: #333;
                    text-align: center;
                }

                .benefit_area .benefit_form.benefit_logout p {
                    color: #a9a9a9;
                    font-size: 16px;
                    text-align: center;
                }

                    .benefit_area .benefit_form.benefit_logout p.m_top {
                        margin-top: 36px;
                    }

                    .benefit_area .benefit_form.benefit_logout p a {
                        color: #3898d3;
                        font-size: 16px;
                        text-decoration: underline;
                    }

        .benefit_area .benefit_cont {
            float: right;
            padding: 60px 0 128px;
            width: 49.5%;
            background: #fff;
            border: 1px solid #d9d9d9;
            height: 494px;
        }

            .benefit_area .benefit_cont h3 {
                margin: 0 auto;
                padding-top: 33px;
                width: 50%;
                font-size: 30px;
                text-align: center;
                color: #333;
                background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bull/bull_title02.jpg) no-repeat center 0;
                background-size: 39px 2px
            }

            .benefit_area .benefit_cont dl {
                margin: 0 auto;
                padding-bottom: 35px;
                width: 85%;
            }

            .benefit_area .benefit_cont dt {
                padding: 0 0 12px 12px;
                font-size: 20px;
                color: #333;
                background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bull/bull_dot01.png) 0 9px no-repeat;
                background-size: 4px;
            }

            .benefit_area .benefit_cont dd {
                padding-left: 12px;
                font-size: 16px;
                color: #7b7b7b;
                line-height: 17px;
            }

            .benefit_area .benefit_cont p {
                margin: 0 auto;
                padding-top: 22px;
                width: 50%;
                font-size: 16px;
                text-align: center;
                color: #7b7b7b;
            }

            .benefit_area .benefit_cont ul {
                margin: 30px auto 0;
                width: 75%;
            }

            .benefit_area .benefit_cont li {
                float: left;
                width: 50%;
            }

                .benefit_area .benefit_cont li img {
                    width: 100%;
                }

                .benefit_area .benefit_cont li p {
                    padding-top: 0;
                    width: 80%;
                }

    /* Selects */
    .jqTransformSelectWrapper {
        width: 100%;
    }

        .jqTransformSelectWrapper div span {
            padding-left: 10px;
            line-height: 53px;
            font-size: 16px;
            color: #bbb;
        }

        .jqTransformSelectWrapper a.jqTransformSelectOpen {
            margin: 11px 10px 0;
            width: 20px;
            height: 30px;
            background-size: 20px;
        }

        .jqTransformSelectWrapper ul {
            top: 54px;
        }

            .jqTransformSelectWrapper ul li {
                top: 53px;
            }

            .jqTransformSelectWrapper ul a {
                padding-left: 10px;
                height: 53px;
                color: #42382c;
                font-size: 16px;
                line-height: 53px;
            }

    .check_email {
        padding-bottom: 72px;
        width: 100%;
    }

        .check_email h1 {
            margin: 45px 0 94px;
            text-align: center;
        }

            .check_email h1 img {
                width: 106px;
            }

        .check_email h2 {
            padding-bottom: 28px;
            text-align: center;
            font-size: 30px;
        }

        .check_email p {
            padding-bottom: 56px;
            text-align: center;
            font-size: 20px;
            color: #a9a9a9;
            line-height: 30px;
        }

            .check_email p a {
                color: #3898d3;
                font-size: 16px;
                text-decoration: underline;
            }

    .account_area {
        position: relative;
        padding-top: 51px;
    }

        .account_area .account_box {
            margin: 0 auto;
            padding: 35px 50px;
            width: 960px;
            background: #eff0f0;
        }

            .account_area .account_box li {
                margin-bottom: 22px;
            }
                /****delete버튼 추가 20220414 *****/
                .account_area .account_box li.mailRcvYN {
/*                    overflow: hidden;*/
                }

                    .account_area .account_box li.mailRcvYN div {
                        width: 50%;
                        float: left;
                    }

                        .account_area .account_box li.mailRcvYN div.Delete_account {
                            text-align: right;
                            font-size: 16px;
                            color: #3898d3;
                            text-decoration: underline;
                        }

                .account_area .account_box li label {
                    display: block;
                    padding-bottom: 15px;
                    font-size: 16px;
                    color: #333;
                    font-weight: 400;
                }

                .account_area .account_box li input[type=checkbox] {
                    -webkit-appearance: checkbox;
                    width: 22px;
                    height: 22px;
                    display: block;
                    float: left;
                    vertical-align: middle;
                    margin-right: 10px;
                }

                .account_area .account_box li input[type=text], .account_area .account_box li input[type=password] {
                    padding: 0 10px 0 13px;
                    width: 930px;
                    height: 51px;
                    color: #777777;
                    line-height: 51px;
                    border: 1px solid #fff;
                    font-size: 16px;
                    font-weight: 400;
                }

                .account_area .account_box li.first_name {
                    float: left;
                    width: 100%;
                }

                .account_area .account_box li.last_name {
                    float: left;
                    width: 100%;
                }                
                .account_area .account_box li.countryselect {
                    float: left;
                    width: 100%;
                }

                .account_area .account_box li.email input[type=text] {
                    width: 930px;
                }

                .account_area .account_box li.email p.verified {
                    padding-left: 23px;
                    background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bull/bull_verified.png) 4px center no-repeat;
                    font-size: 16px;
                    color: #3898d3;
                    line-height: 37px;
                }

                .account_area .account_box li.password input[type=text], .account_area .account_box li.password input[type=password] {
                    margin-bottom: 8px;
                    width: 930px;
                }
    
                /* Select Country */
                .account_area .account_box li.countryselect select{
                    padding: 0 10px 0 13px;
                    width: 99.5%;
                    height: 53px;
                    color: #777777;
                    line-height: 53px;
                    border: 0;
                    font-size: 16px;
                    font-weight: 400;
                }    

    /*제품정보보기 20200225*/
    .prd_list_area {
        position: relative;
        margin-bottom: 40px;
    }

        .prd_list_area .account_box {
            margin: 0 auto;
            padding: 35px 50px 15px 50px;
            width: 960px;
            background: #eff0f0;
        }

            .prd_list_area .account_box .prd_LIST {
                margin-bottom: 30px;
            }

            .prd_list_area .account_box li {
                width: 30%;
                height: 51px;
                color: #777777;
                line-height: 51px;
                font-size: 16px;
                font-weight: 400;
                text-align: center;
            }

                .prd_list_area .account_box li.prd_title {
                    width: 20%;
                    height: 51px;
                    color: #777777;
                    line-height: 51px;
                    font-size: 16px;
                    font-weight: 400;
                    text-align: center;
                }

                .prd_list_area .account_box li.prd_tedit {
                    width: 10%;
                    height: 51px;
                    color: #777777;
                    line-height: 51px;
                    font-size: 16px;
                    font-weight: 400;
                    text-align: center;
                }

                .prd_list_area .account_box li.prd_edit {
                    width: 10%;
                    line-height: 1;
                }

                    .prd_list_area .account_box li.prd_edit .top {
                        margin-top: 13px;
                    }

                .prd_list_area .account_box li.float {
                    float: left;
                }

                .prd_list_area .account_box li input[type=text], .prd_list_area .account_box li input[type=password] {
                    padding-left: 10px;
                    height: 51px;
                    color: #777777;
                    line-height: 51px;
                    border: 1px solid #eff0f0;
                    font-size: 16px;
                    font-weight: 400;
                    background: #eff0f0;
                }

                .prd_list_area .account_box li input.editing {
                    background: #fff;
                }

                .prd_list_area .account_box li .btn_type01 p.type02 span.updating {
                    background: #ee3524
                }
    /*제품정보보기
	.prd_list_area{position:relative;margin-bottom:40px;}
	.prd_list_area .account_box{margin:0 auto;padding:35px 50px 15px 50px;width:960px;background:#eff0f0;}
	.prd_list_area .account_box .prd_LIST{margin-bottom:30px;}
	.prd_list_area .account_box li{width:30%;height:51px;color:#777777;line-height:51px;font-size:16px;font-weight:400;text-align:center;}
	.prd_list_area .account_box li.prd_edit{width:10%;line-height:1;}
	.prd_list_area .account_box li.prd_edit .del{margin-top:6px;}
	.prd_list_area .account_box li.float{float:left;}
	.prd_list_area .account_box li input[type=text],.prd_list_area .account_box li input[type=password]{padding-left:10px;width:100%;height:51px;color:#777777;line-height:51px;border:1px solid #eff0f0;font-size:16px;font-weight:400;background:#eff0f0;}
    .prd_list_area .account_box li input.editing{background:#fff;}
    .prd_list_area .account_box li .btn_type01 p.type02 span.updating{background:#ee3524}*/

    .account_area ul.account_social {
        margin: 0 auto;
        padding-bottom: 110px;
        width: 635px;
    }

        .account_area ul.account_social li {
            float: left;
        }

            .account_area ul.account_social li a {
                padding-left: 89px;
                display: block;
                width: 221px;
                line-height: 53px;
                font-size: 16px;
                color: #fff;
                border-radius: 4px;
            }

            .account_area ul.account_social li.facebook {
                margin-right: 15px;
            }

                .account_area ul.account_social li.facebook a {
                    background: #446aaa url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/icon/icon_facebook_signin.png) 23px 0 no-repeat;
                }

            .account_area ul.account_social li.google a {
                background: #e54c49 url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/icon/icon_google_signin.png) 20px 0 no-repeat;
            }

    .account_area p.facebook_complete {
        padding: 38px 0 20px;
        text-align: center;
        color: #446aaa;
        font-size: 16px;
        font-weight: 500;
    }

        .account_area p.facebook_complete img {
            vertical-align: middle;
            margin-right: 10px;
        }

    .account_area div.facebook {
        margin: 0 auto 74px;
        width: 310px;
    }

        .account_area div.facebook a {
            padding-left: 89px;
            display: block;
            width: 221px;
            line-height: 53px;
            font-size: 16px;
            color: #fff;
            border-radius: 4px;
            background: #446aaa url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/icon/icon_facebook_signin.png) 23px 0 no-repeat;
        }

    .account_area p.google_complete {
        padding: 38px 0 20px;
        text-align: center;
        color: #e54c49;
        font-size: 16px;
        font-weight: 500;
    }

        .account_area p.google_complete img {
            vertical-align: middle;
            margin-right: 10px;
        }

    .account_area div.google {
        margin: 0 auto 74px;
        width: 310px;
    }

        .account_area div.google a {
            padding-left: 89px;
            display: block;
            width: 221px;
            line-height: 53px;
            font-size: 16px;
            color: #fff;
            border-radius: 4px;
            background: #e54c49 url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/icon/icon_google_signin.png) 23px 0 no-repeat;
        }

    .account_area input.btn_save {
        display: block;
        margin: 40px auto 128px;
        width: 163px;
        line-height: 53px;
        border: 0;
        border-radius: 4px;
        background: #3898d3;
        color: #fff;
        font-size: 18px;
        text-align: center;
        text-transform: uppercase;
        cursor: pointer;
    }

    .account_area div.success {
        position: fixed;
        top: 0;
        width: 100%;
        height: 72px;
        line-height: 72px;
        font-size: 20px;
        color: #fff;
        background: #3898d3;
        text-align: center;
        z-index: 101;
    }

        .account_area div.success a {
            position: absolute;
            right: 3%;
        }

            .account_area div.success a img {
                vertical-align: middle;
                margin-top: -4px;
            }

    /* Sub Top */
    .sub_top {
        width: 100%;
        height: 382px;
    }

        .sub_top h1 {
            color: #fff;
            font-size: 70px;
            text-align: center;
            line-height: 382px;
        }

        .sub_top h2 {
            color: #fff;
            font-size: 24px;
            text-align: center;
        }

        .sub_top p {
            color: #fff;
            font-size: 36px;
            text-align: center;
        }

        .sub_top.account_top {
            background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bg/bg_account_header_p.jpg) center center no-repeat;
            background-size: cover;
        }

        .sub_top.benefit_top {
            background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bg/bg_account_header_p.jpg) center center no-repeat;
            background-size: cover;
        }

            .sub_top.benefit_top h1 {
                font-size: 70px;
                line-height: 1.1;
            }

            .sub_top.benefit_top p {
                padding-top: 110px;
            }

    /* Title */
    dl.tit {
        margin: 84px 0 40px;
        width: 100%;
        background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bull/bull_line.png) center 0 no-repeat;
    }

        dl.tit dt {
            padding-top: 40px;
            font-size: 40px;
            color: #323232;
            text-align: center;
        }

        dl.tit dd {
            padding-top: 12px;
            font-size: 20px;
            color: #a9a9a9;
            text-align: center;
        }

    /* 푸터영역 */
    .footer {
        width: 100%;
        background: #212222;
    }

        .footer .footer_top {
            padding: 35px 0 35px 40px;
        }

            .footer .footer_top .site_map {
                float: left;
            }

                .footer .footer_top .site_map li {
                    float: left;
                    width: 220px;
                    vertical-align: top;
                }

                    .footer .footer_top .site_map li dt {
                        color: #d1d1d1;
                        font-size: 14px;
                        line-height: 30px;
                        text-transform: uppercase;
                    }

                    .footer .footer_top .site_map li dd {
                        color: #666;
                        font-size: 14px;
                        line-height: 24px;
                        text-transform: uppercase;
                    }

            .footer .footer_top .footer_right {
                float: right;
                width: 25%;
            }

                .footer .footer_top .footer_right .sns a {
                    margin-right: 15px;
                }

                    .footer .footer_top .footer_right .sns a img {
                        width: 34px;
                        height: 34px;
                    }

                .footer .footer_top .footer_right .email {
                    margin-top: 34px;
                    color: #bbbbbb;
                }

                    .footer .footer_top .footer_right .email dt {
                        margin-bottom: 13px;
                    }

                    .footer .footer_top .footer_right .email dd input {
                        float: left;
                        padding: 0 19px;
                        width: 55%;
                        height: 38px;
                        border: 1px solid #e4e4e4;
                        font-size: 14px;
                        line-height: 38px;
                    }

                    .footer .footer_top .footer_right .email dd a {
                        float: left;
                        display: block;
                        margin: 0;
                        width: 62px;
                        background: #696969;
                        border: 1px solid #696969;
                        text-align: center;
                        color: #fff;
                        font-size: 14px;
                        line-height: 38px;
                    }

        .footer .footer_bottom {
            padding-left: 40px;
            border-top: 1px solid #353638;
        }

            .footer .footer_bottom p.copy {
                float: left;
                line-height: 68px;
                color: #5a5b5c;
                font-size: 14px;
                text-transform: uppercase;
            }

            .footer .footer_bottom ul {
                float: right;
                width: 344px;
            }

                .footer .footer_bottom ul li {
                    float: left;
                    width: 50%;
                }

                    .footer .footer_bottom ul li a {
                        display: block;
                        width: 99%;
                        border-left: 1px solid #353638;
                        background: #1a1b1c;
                        color: #a8a9aa;
                        text-align: center;
                        text-transform: uppercase;
                        font-size: 14px;
                        line-height: 68px;
                    }

    .site_map_m {
        display: none;
    }

    /* HIDDEN why dashcam css */
    .why_dashcam .textarea {
        width: 100%;
        min-height: 700px;
        margin: 80px auto 0;
        text-align: center;
        background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bg/bg_whydash.png) repeat-x
    }

        .why_dashcam .textarea h4 {
            padding: 80px 0 0 0;
            font-size: 50px
        }

        .why_dashcam .textarea p {
            margin: 20px 0;
            color: #777;
            font-size: 16px;
            line-height: 26px
        }

        .why_dashcam .textarea img {
            margin: 60px 0 0 0;
            width: 943px
        }

    .why_dashcam .imgarea5 {
        position: relative;
        height: 450px;
    }

        .why_dashcam .imgarea5 img {
            width: 100%;
            height: 450px;
        }

        .why_dashcam .imgarea5 .textarea1 {
            position: absolute;
            top: 12%;
            width: 100%;
            text-align: center
        }

            .why_dashcam .imgarea5 .textarea1 h4 {
                font-size: 50px;
                color: #fff;
            }

            .why_dashcam .imgarea5 .textarea1 h5 {
                font-size: 24px;
                color: #fff;
                margin-bottom: 40px;
            }

            .why_dashcam .imgarea5 .textarea1 > p {
                margin: 10px 0 0 0;
                font-size: 16px;
                color: #fff;
                line-height: 24px;
                padding: 0 20px
            }

            .why_dashcam .imgarea5 .textarea1 .btn_area {
                margin: 40px 0 0 0
            }


    form.form_jq .jqtransformdone .jqTransformSelectWrapper select {
        display: none;
    }

    form.form_jq .jqTransformSelectWrapper {
        position: relative;
    }

        form.form_jq .jqTransformSelectWrapper > div {
            overflow: hidden;
            float: left;
            width: 345px;
        }

            form.form_jq .jqTransformSelectWrapper > div span {
                height: 16px;
                background: #FFF;
                display: inline-block;
                border: 1px solid #e4e4e4;
                border-right: 0 none;
                padding: 10px 5px;
                width: 300px !important;
                float: left;
            }

            form.form_jq .jqTransformSelectWrapper > div a.jqTransformSelectOpen {
                float: left;
                border: 1px solid #e4e4e4;
                border-left: 0px;
                background: #FFF url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bull/bull_select_arrow.png) no-repeat center 15px;
                display: inline-block;
                padding: 5px 3px;
                width: 23px;
                height: 26px;
            }

        form.form_jq .jqTransformSelectWrapper ul {
            position: absolute;
            top: 38px;
            left: 0px;
            border: 1px solid #e4e4e4;
            border-top: 0 none;
            overflow: auto;
            width: 339px !important;
        }

            form.form_jq .jqTransformSelectWrapper ul li a {
                background: #FFF;
                color: #666;
                display: block;
                padding: 5px 3px;
            }

                form.form_jq .jqTransformSelectWrapper ul li a:hover {
                    background: #FFF;
                    color: #999;
                    padding: 5px 3px;
                }

    form.jqtransformdone select {
        display: none;
    }

    /* 다운로드 센터 */
    .select {
        position: relative;
        line-height: normal;
        display: inline-block;
        *display: inline;
        vertical-align: middle;
        background: #818286;
        *zoom: 1;
        border-radius: 5px;
        width: 154px;
    }
    .select_macOs {
        display:block;
        margin: 0 auto;
        margin-bottom: -12px;
    }

        .select * {
            margin: 0;
            padding: 0;
            cursor: pointer;
            font-size: 12px;
            font-family: Tahoma, Sans-serif;
        }

        /*  20200522 팝업창 위로 버튼 테두리 수정 */
        .select .myValue {
            position: relative;
            z-index: 1;
            left: 0;
            top: 0;
            border: 1px solid #bababa;
            color: #fff;
            line-height: 19px;
            _line-height: normal;
            text-align: left;
            overflow: visible;
            background: transparent;
        }

            .select .myValue.selected {
                font-weight: bold;
            }

            .select.open .myValue,
            .select .myValue.outLine {
                border: 1px solid #999;
            }

        .select button.myValue {
            height: 38px;
            width: 100%;
            text-indent: 5px;
            *text-indent: 0;
            *padding-left: 5px;
            border-radius: 5px;
        }

        .select div.myValue {
            height: 19px;
            text-indent: 8px;
        }

        .select .ctrl {
            position: absolute;
            top: 9px;
            right: 0;
            width: 18px;
            height: 19px; /*border:1px solid #bababa;border-left:1px solid #eaeaea;background:#fff;*/
        }

        .select .arrow {
            position: absolute;
            width: 0;
            height: 0;
            top: 9px;
            right: 6px;
            line-height: 0;
            font-size: 0;
            border-top: 5px solid #fff;
            border-left: 5px solid #818286;
            border-right: 5px solid #818286;
        }

        .select ul {
            z-index:2;
            top: 38px;
            left: 0;
            width: 100%;
            list-style: none;
            border: 0;
            border-top: 1px solid #bababa;
            border-bottom: 1px solid #bababa;
            background: #818286;
            overflow: hidden;
            border-radius: 5px;
        }

            .select ul.aList {
                display: none;
            }

        .select.open ul.aList {
            display: block;
        }

        .select ul.iList {
            left: -2000%;
        }

        .select.open ul.iList {
            left: 0;
        }

        .select li {
            position: relative;
            overflow: hidden;
            white-space: nowrap;
            height: 18px;
            border-left: 1px solid #bababa;
            border-right: 1px solid #bababa;
        }

            .select li input.option {
                position: absolute;
                width: 100%;
                height: 20px;
                line-height: 20px;
            }

            .select li label {
                position: absolute;
                left: 0;
                top: 0;
                width: 100%;
                text-indent: 8px;
                *text-indent: 6px;
                height: 18px;
                line-height: 18px;
                color: #767676;
                background: #fff;
            }

            .select li a {
                display: block;
                text-indent: 8px;
                *text-indent: 6px;
                height: 18px;
                line-height: 18px;
                color: #fff;
                background: #818286;
                text-decoration: none;
                text-align: left;
            }

            .select li.hover * {
                background: #999;
                color: #fff;
            }

    /* Law Counseling */
    .law_consulting .imgarea {
        height: 379px;
        background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bg/bg_counselinglist_header_p.jpg) no-repeat center top;
        background-size: cover;
    }

        .law_consulting .imgarea .text {
            padding-top: 82px;
            color: #fff;
            text-align: center;
        }

            .law_consulting .imgarea .text h4 {
                font-size: 50px;
                line-height: 1.1;
                text-transform: uppercase;
            }

                .law_consulting .imgarea .text h4 span {
                    font-weight: 600;
                }

            .law_consulting .imgarea .text p.strong {
                margin-top: 29px;
                font-size: 22px;
                font-weight: 600;
            }

            .law_consulting .imgarea .text p {
                margin-top: 20px;
                font-size: 20px;
                line-height: 1.1;
            }

                .law_consulting .imgarea .text p.admin {
                    margin-top: 7px;
                    font-size: 30px;
                    line-height: 1.3;
                    text-transform: uppercase;
                }

    .law_consulting .textarea {
        width: 1200px;
        margin: 80px auto 150px;
        text-align: center;
    }

        .law_consulting .textarea h4 {
            padding: 40px 0 0 0;
            background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bull/bull_title01.jpg) no-repeat center 0;
            font-size: 50px;
            text-transform: uppercase;
        }

        .law_consulting .textarea p {
            margin: 35px 0 0 0;
            color: #777;
            font-size: 16px;
            line-height: 26px
        }

        .law_consulting .textarea img {
            margin: 70px 0 0 0
        }

    .law_consulting .list {
        margin: 55px auto 110px;
        width: 70%;
        border-top: 1px solid #696969;
        border-bottom: 1px solid #696969;
    }

        .law_consulting .list li {
            padding: 30px 0 28px;
            border-bottom: 1px solid #e5e5e5;
            background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/icon/icon_question_off.png) no-repeat 20px 32px;
            background-size: 48px;
        }

            .law_consulting .list li:last-child {
                border: 0;
            }

            .law_consulting .list li > div {
                padding-left: 87px;
            }

            .law_consulting .list li div div {
                float: left;
                width: 60%;
            }

            .law_consulting .list li div p.suject {
                padding-bottom: 9px;
                font-size: 26px;
                line-height: 1.1;
                color: #333333;
            }

            .law_consulting .list li div p.info {
                padding-bottom: 11px;
                font-size: 14px;
                line-height: 1.1;
                color: #bbbbbb;
            }

                .law_consulting .list li div p.info span.date {
                    margin-left: 27px;
                    padding-left: 18px;
                    background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/icon/icon_day.png) no-repeat 0 center;
                    background-size: 13px;
                }

            .law_consulting .list li div.status {
                float: left;
                width: 25%;
                padding-right: 5px;
                font-size: 20px;
                color: #777777;
                text-align: center;
            }

                .law_consulting .list li div.status img {
                    margin-left: 25px;
                    width: 34px;
                }

            .law_consulting .list li div.comleted {
                color: #3898d3;
            }

            .law_consulting .list li div.secret {
                float: right;
                width: 85px;
                text-align: center;
            }

                .law_consulting .list li div.secret img {
                    margin-top: 4px;
                    width: 19px;
                    vertical-align: middle;
                }

    .law_consulting .only_US {
        position: fixed;
        top: 0;
        width: 100%;
        background: #3898d3;
        text-align: center;
        line-height: 72px;
        color: #fff;
        font-size: 20px;
        z-index: 101;
    }

        .law_consulting .only_US a {
            position: absolute;
            right: 3%;
        }

            .law_consulting .only_US a img {
                vertical-align: middle;
                margin-top: -4px;
            }

    .law_consulting .textarea2 {
        margin: 98px auto 140px;
        width: 70%;
        text-align: center;
    }

        .law_consulting .textarea2 h5 {
            padding: 50px 0;
            font-size: 40px;
            line-height: 50px;
            text-align: center;
            background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bull/bull_title02.jpg) no-repeat center 0;
            background-size: 39px 2px;
        }

    .law_consulting .btn_now {
        margin: 0 auto;
        width: 55%;
    }

        .law_consulting .btn_now a {
            display: block;
            line-height: 53px;
            border-radius: 4px;
            background: #3898d3;
            color: #fff;
            font-size: 18px;
            text-align: center;
            text-transform: uppercase;
        }

    .law_consulting .btn_now2 {
        margin: 0 auto;
        padding-top: 32px;
        width: 220px;
    }

        .law_consulting .btn_now2 a {
            display: block;
            line-height: 42px;
            border-radius: 4px;
            background: #3898d3;
            color: #fff;
            font-size: 18px;
            text-align: center;
            text-transform: uppercase;
        }

    .law_consulting .view .movie {
        padding: 39px 0;
        width: 100%;
        background: #1a1a1a;
        text-align: center;
    }

    .law_consulting .view .youtube_movie {
        width: 640px;
        height: 420px;
    }

    .law_consulting .view .textarea2 {
        margin: 109px auto 137px;
        width: 70%;
    }

        .law_consulting .view .textarea2 > div {
            margin-bottom: 93px;
            border-top: 1px solid #a6a9ac;
        }

        .law_consulting .view .textarea2 dl {
            width: 100%;
            border-bottom: 1px solid #d5d6d8;
            background: #eff0f0;
        }

        .law_consulting .view .textarea2 dt {
            float: left;
            clear: left;
            display: block;
            padding: 2% 2% 0;
            width: 11%;
            height: 100%;
            text-align: left;
            font-size: 16px;
            line-height: 1.1;
        }

            .law_consulting .view .textarea2 dt span {
                color: #3898d3;
            }

        .law_consulting .view .textarea2 dd {
            margin-left: 19.5%;
            padding: 2% 4%;
            width: 72.5%;
            text-align: left;
            font-size: 16px;
            line-height: 1.2;
            color: #777;
            background: #fff;
            border-left: 1px solid #d5d6d8;
        }

            .law_consulting .view .textarea2 dd:after {
                content: "";
                display: table;
                clear: both;
            }

        .law_consulting .view .textarea2 .answer {
            background: none;
        }

            .law_consulting .view .textarea2 .answer dt {
                float: none;
                width: 94%;
                padding: 2% 3%;
                line-height: 24px;
                border-top: 1px solid #a6a9ac;
                background: #eff0f0;
            }

                .law_consulting .view .textarea2 .answer dt div {
                    float: left;
                }

                .law_consulting .view .textarea2 .answer dt .answer_dt_img {
                    width: 1%;
                    padding: 1% 0 0 2%;
                }

                .law_consulting .view .textarea2 .answer dt .answer_dt_txt {
                    width: 88%;
                    padding: 0 3%
                }

            .law_consulting .view .textarea2 .answer dd {
                float: none;
                width: 100%;
                margin: 0;
                padding: 0;
                border-left: 0;
                border-top: 1px solid #d5d6d8;
            }

                .law_consulting .view .textarea2 .answer dd div {
                    float: left;
                }

                    .law_consulting .view .textarea2 .answer dd div.answer_img {
                        padding: 2% 0 0;
                        width: 19.5%;
                        text-align: center;
                    }

                        .law_consulting .view .textarea2 .answer dd div.answer_img img {
                            width: 85px;
                        }

                    .law_consulting .view .textarea2 .answer dd div.answer_txt {
                        padding: 2% 3%;
                        width: 74%;
                        min-height: 82px;
                        border-left: 1px solid #d5d6d8;
                    }

                    .law_consulting .view .textarea2 .answer dd div.video_img {
                        padding: 2% 0 0;
                        width: 19.5%;
                        text-align: center;
                    }

                        .law_consulting .view .textarea2 .answer dd div.video_img img {
                            width: 85px;
                        }

                    .law_consulting .view .textarea2 .answer dd div.video_txt {
                        padding: 2% 3%;
                        width: 74%;
                        min-height: 54px;
                        border-left: 1px solid #d5d6d8;
                    }

        .law_consulting .view .textarea2 .answer_edit_area {
            display: none;
        }

        .law_consulting .view .textarea2 .answer_edit dt {
            float: none;
            width: 94%;
            padding: 2% 3%;
            line-height: 24px;
            border-top: 1px solid #a6a9ac;
            background: #eff0f0;
        }

            .law_consulting .view .textarea2 .answer_edit dt div {
                float: left;
            }

            .law_consulting .view .textarea2 .answer_edit dt .answer_dt_img {
                width: 2%;
                padding: 1% 0 0 2%;
            }

            .law_consulting .view .textarea2 .answer_edit dt .answer_dt_txt {
                width: 87%;
                padding: 0 3%
            }

        .law_consulting .view .textarea2 .answer_edit dd {
            float: none;
            width: 100%;
            margin: 0;
            padding: 0;
            border-left: 0;
            border-top: 1px solid #d5d6d8;
        }

            .law_consulting .view .textarea2 .answer_edit dd div {
                float: left;
            }

                .law_consulting .view .textarea2 .answer_edit dd div.answer_img {
                    padding: 2% 0 0;
                    width: 19.5%;
                    text-align: center;
                }

                    .law_consulting .view .textarea2 .answer_edit dd div.answer_img img {
                        width: 85px;
                    }

                .law_consulting .view .textarea2 .answer_edit dd div.answer_txt {
                    width: 74%;
                    padding: 2% 3%;
                    min-height: 74px;
                    border-left: 1px solid #d5d6d8;
                }

                    .law_consulting .view .textarea2 .answer_edit dd div.answer_txt textarea {
                        padding: 2%;
                        width: 96%;
                        height: 135px;
                        border: 1px solid #e4e4e4;
                        resize: none;
                    }

                    .law_consulting .view .textarea2 .answer_edit dd div.answer_txt p {
                        margin-top: 10px;
                        font-size: 16px;
                        color: #a9a9a9;
                        line-height: 1.1;
                        text-align: right;
                    }

                .law_consulting .view .textarea2 .answer_edit dd div.video_img {
                    padding: 2% 0 0;
                    width: 19.5%;
                    text-align: center;
                }

                    .law_consulting .view .textarea2 .answer_edit dd div.video_img img {
                        width: 85px;
                    }

                .law_consulting .view .textarea2 .answer_edit dd div.video_txt {
                    padding: 2% 3%;
                    width: 74%;
                    min-height: 54px;
                    border-left: 1px solid #d5d6d8;
                }

        .law_consulting .view .textarea2 .answer_edit .file_area {
            width: 100%;
        }

            .law_consulting .view .textarea2 .answer_edit .file_area ul li {
                margin-bottom: 4px;
            }

            .law_consulting .view .textarea2 .answer_edit .file_area input[type=text] {
                float: left;
                margin-bottom: 7px;
                padding-left: 2%;
                width: 73%;
                height: 51px;
                font-size: 16px;
                line-height: 51px;
                border: 1px solid #e4e4e4;
            }

            .law_consulting .view .textarea2 .answer_edit .file_area .btn_file {
                margin-left: 5px;
                position: relative;
                float: left;
                overflow: hidden;
                width: 149px;
                line-height: 53px;
                border-radius: 4px;
                color: #fff;
                font-size: 18px;
                text-transform: uppercase;
                cursor: pointer;
                background: #4e545a;
                text-align: center;
            }

                .law_consulting .view .textarea2 .answer_edit .file_area .btn_file input {
                    position: absolute;
                    top: 0;
                    right: 0;
                    width: 500px;
                    height: 53px;
                    font-size: 30px;
                    cursor: pointer;
                    opacity: 0;
                    filter: alpha(opacity=0);
                    cursor: pointer;
                }

            .law_consulting .view .textarea2 .answer_edit .file_area p {
                margin-top: 12px;
                font-size: 16px;
                line-height: 1.1;
                text-align: left;
                color: #a9a9a9
            }

        .law_consulting .view .textarea2 .down_area dd {
            padding: 9px 4%;
        }

        .law_consulting .view .textarea2 .btn_down a {
            display: block;
            width: 149px;
            line-height: 53px;
            border-radius: 4px;
            background: #3898d3;
            color: #fff;
            font-size: 18px;
            text-align: center;
            text-transform: uppercase;
        }

        .law_consulting .view .textarea2 .btn_area {
            margin: 0 auto;
            padding-top: 40px;
            width: 348px;
            border: 0;
        }

            .law_consulting .view .textarea2 .btn_area li {
                float: left;
                width: 163px;
            }

                .law_consulting .view .textarea2 .btn_area li a {
                    display: block;
                    color: #fff;
                    font-size: 18px;
                    line-height: 53px;
                    background: #3898d3;
                    text-align: center;
                    border-radius: 2px;
                    text-transform: uppercase;
                }

                .law_consulting .view .textarea2 .btn_area li.btn_edit {
                    margin-right: 20px;
                }

                .law_consulting .view .textarea2 .btn_area li.btn_list a {
                    background: #4e545a;
                }

                .law_consulting .view .textarea2 .btn_area li.btn_submit {
                    margin-right: 20px;
                }

                .law_consulting .view .textarea2 .btn_area li.btn_cancel a {
                    background: #4e545a;
                }

    .law_consulting .textarea3 {
        position: relative;
        margin: 95px auto;
        width: 70%;
        text-align: center;
    }

        .law_consulting .textarea3 h5 {
            color: #333;
            font-size: 40px;
            line-height: 1.1;
            text-align: center;
        }

        .law_consulting .textarea3 > p {
            padding: 32px 0 18px;
            background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bull/bull_title02.jpg) no-repeat center 0;
            font-size: 24px;
            line-height: 1.1;
            color: #8a8a8a;
            text-align: center;
            text-transform: uppercase;
        }

    .law_consulting .submit .textarea3 input[type=text] {
        padding-left: 2%;
        width: 63%;
        height: 51px;
        font-size: 16px;
        line-height: 51px;
        border: 1px solid #e4e4e4;
    }

    .law_consulting .submit .textarea3 dl {
        width: 100%;
        border-bottom: 1px solid #d5d6d8;
        background: #eff0f0;
    }

    .law_consulting .submit .textarea3 dt {
        float: left;
        clear: left;
        display: block;
        padding: 1% 2% 0;
        width: 16%;
        text-align: left;
        font-size: 16px;
        line-height: 1.2;
    }

        .law_consulting .submit .textarea3 dt span {
            color: #3898d3;
        }

    .law_consulting .submit .textarea3 dd {
        margin-left: 20%;
        padding: 1% 4%;
        width: 72%;
        text-align: left;
        font-size: 16px;
        line-height: 1.2;
        color: #777;
        background: #fff;
        border-left: 1px solid #d5d6d8;
    }

        .law_consulting .submit .textarea3 dd .jqTransformSelectWrapper {
            width: 30%;
            float: left;
        }

        .law_consulting .submit .textarea3 dd:after {
            content: "";
            display: table;
            clear: both;
        }

        .law_consulting .submit .textarea3 dd p.byte {
            text-align: right;
        }

        .law_consulting .submit .textarea3 dd a.link {
            color: #3898d3;
            text-decoration: underline;
        }

    .law_consulting .submit .textarea3 .btn_add {
        position: absolute;
        top: 147px;
        right: 0;
    }

        .law_consulting .submit .textarea3 .btn_add a {
            display: block;
            width: 149px;
            line-height: 53px;
            border-radius: 4px;
            color: #fff;
            font-size: 18px;
            text-transform: uppercase;
            background: #3898d3;
        }

    .law_consulting .submit .textarea3 .submit_txt {
        margin-top: 38px;
    }

    .law_consulting .submit .textarea3 .w_select {
        margin-bottom: 7px;
    }

    .law_consulting .submit .textarea3 textarea {
        padding-left: 2%;
        width: 98%;
        border: 1px solid #e4e4e4;
        line-height: 29px;
        resize: none;
    }

    .law_consulting .submit .textarea3 .date input[type=text] {
        width: 30%
    }

    .law_consulting .submit .textarea3 .date input.time {
        width: 50px;
    }

    .law_consulting .submit .file_area {
        margin-top: 96px;
    }

        .law_consulting .submit .file_area > ul {
            padding: 9px 0;
            border-top: 1px solid #d5d6d8;
            border-bottom: 1px solid #d5d6d8;
        }

        .law_consulting .submit .file_area ul li {
            margin-bottom: 4px;
        }

        .law_consulting .submit .file_area input[type=text] {
            float: left;
        }

        .law_consulting .submit .file_area ul.btn_area li {
            float: left;
            margin-left: 9px;
        }

            .law_consulting .submit .file_area ul.btn_area li a {
                display: block;
                width: 149px;
                line-height: 53px;
                border-radius: 4px;
                color: #fff;
                font-size: 18px;
                text-transform: uppercase;
            }

        .law_consulting .submit .file_area ul.btn_area .btn_file {
            position: relative;
            float: left;
            overflow: hidden;
            width: 149px;
            line-height: 53px;
            border-radius: 4px;
            color: #fff;
            font-size: 18px;
            text-transform: uppercase;
            cursor: pointer;
            background: #4e545a;
        }

            .law_consulting .submit .file_area ul.btn_area .btn_file input {
                position: absolute;
                top: 0;
                right: 0;
                width: 500px;
                height: 53px;
                font-size: 30px;
                cursor: pointer;
                opacity: 0;
                filter: alpha(opacity=0);
                cursor: pointer;
            }

        .law_consulting .submit .file_area ul.btn_area li.btn_delete a {
            background: #bfc6cd;
        }

        .law_consulting .submit .file_area p {
            margin-top: 12px;
            font-size: 16px;
            line-height: 1.1;
            text-align: left;
            color: #a9a9a9
        }

        .law_consulting .submit .file_area ul li.file_list {
            display: none;
        }

        .law_consulting .submit .file_area #fileProgress {
            position: relative;
            width: 100%;
            height: 50px;
            border: 1px solid #bfc6cd;
        }

        .law_consulting .submit .file_area #fileBar {
            position: absolute;
            width: 0%;
            height: 100%;
            background-color: #bfc6cd;
        }

        .law_consulting .submit .file_area .labelArea {
            position: absolute;
            left: 20px;
            top: 0;
            width: 500px;
        }

            .law_consulting .submit .file_area .labelArea #label {
                float: left;
                padding-right: 5px;
                font-size: 16px;
                color: #4e545a;
                line-height: 50px;
            }

            .law_consulting .submit .file_area .labelArea span {
                float: left;
                font-size: 16px;
                color: #fff;
                line-height: 50px;
            }

        .law_consulting .submit .file_area .btn_x {
            position: absolute;
            top: 16px;
            right: 16px;
            width: 13px;
            height: 13px;
            background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/btn/btn_x.png) 0 0 no-repeat;
        }

    .law_consulting .submit .submit_txt {
        border-top: 1px solid #a6a9ac;
    }

        .law_consulting .submit .submit_txt input[type=text] {
            width: 98%;
        }

    .law_consulting .btn_submit {
        margin: 0 auto 189px;
        width: 20%;
    }

        .law_consulting .btn_submit a {
            display: block;
            line-height: 53px;
            font-size: 18px;
            color: #fff;
            background: #3898d3;
            text-align: center;
            border-radius: 2px;
            text-transform: uppercase;
        }

    /* News */
    .news .imgarea {
        margin-bottom: 80px;
        height: 379px;
        background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bg/bg_news_header_p.jpg) no-repeat center top;
        background-size: cover;
    }

        .news .imgarea .text {
            padding-top: 100px;
            color: #fff;
            text-align: center;
        }

            .news .imgarea .text h4 {
                font-size: 70px;
                line-height: 1.1;
                text-transform: uppercase;
            }

            .news .imgarea .text p {
                margin: 0 auto;
                width: 610px;
                padding-top: 30px;
                font-size: 20px;
                line-height: 1.2;
                text-transform: uppercase;
            }

    .news .news_top {
        margin: 0 auto;
        width: 1200px;
    }

        .news .news_top .main_news {
            position: relative;
            float: left;
            margin-right: 18px;
            width: 794px;
            height: 558px;
            overflow: hidden;
        }

            .news .news_top .main_news img {
                widht: 100%;
                height: 100%;
            }

            .news .news_top .main_news div.news_cont {
                position: absolute;
                bottom: 0;
                padding: 20px 4%;
                width: 92%;
                background: rgba(0, 0, 0, 0.5);
            }

                .news .news_top .main_news div.news_cont p.date {
                    padding-left: 20px;
                    color: #7296ba;
                    font-size: 14px;
                    background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/icon/icon_day_b.png) 0 center no-repeat;
                }

                .news .news_top .main_news div.news_cont h5 {
                    color: #ffffff;
                    font-size: 26px;
                    font-weight: 400;
                    text-overflow: ellipsis;
                    white-space: nowrap;
                    overflow: hidden;
                }

                .news .news_top .main_news div.news_cont p {
                    color: #8b8a8a;
                    font-size: 16px;
                }

        .news .news_top .sub_news {
            position: relative;
            float: left;
        }

            .news .news_top .sub_news li {
                position: relative;
                margin-bottom: 18px;
                width: 388px;
                height: 270px;
                overflow: hidden;
            }

                .news .news_top .sub_news li img {
                    width: 100%;
                    height: 100%;
                }

                .news .news_top .sub_news li div.news_cont {
                    position: absolute;
                    bottom: 0;
                    padding: 20px 5%;
                    width: 90%;
                    background: rgba(0, 0, 0, 0.5);
                }

                    .news .news_top .sub_news li div.news_cont p.date {
                        padding-left: 20px;
                        color: #7296ba;
                        font-size: 14px;
                        background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/icon/icon_day_b.png) 0 center no-repeat;
                    }

                    .news .news_top .sub_news li div.news_cont h5 {
                        color: #ffffff;
                        font-size: 20px;
                        font-weight: 300;
                        height: 44px;
                        overflow: hidden;
                    }

    .news .news_list_area {
        margin: 0 auto;
        width: 1200px;
        margin-bottom: 80px;
    }

        .news .news_list_area .textarea1 {
            margin-top: 42px;
        }

            .news .news_list_area .textarea1 h5 {
                padding: 30px 0;
                font-size: 30px;
                line-height: 1.1;
                background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bull/bull_title02.jpg) no-repeat 0 0;
            }

        .news .news_list_area .news_list_1 {
            float: left;
            width: 68%;
        }

        .news .news_list_area .news_list_2 {
            float: left;
            width: 32%;
        }

        .news .news_list_area .news_list_1 .news_list {
            margin-bottom: 50px;
        }

            .news .news_list_area .news_list_1 .news_list li {
                margin-bottom: 18px;
            }

                .news .news_list_area .news_list_1 .news_list li div.news_list_img {
                    float: left;
                    width: 45%;
                }

                    .news .news_list_area .news_list_1 .news_list li div.news_list_img img {
                        width: 100%;
                    }

                .news .news_list_area .news_list_1 .news_list li div.news_cont {
                    float: left;
                    width: 48%;
                    height: 220px;
                    margin: 30px 3% 0 4%;
                }

                    .news .news_list_area .news_list_1 .news_list li div.news_cont h6 {
                        margin-bottom: 19px;
                        font-size: 22px;
                        color: #333333;
                        line-height: 1.2;
                        height: 50px;
                        overflow: hidden;
                    }

                    .news .news_list_area .news_list_1 .news_list li div.news_cont p {
                        margin-bottom: 24px;
                        font-size: 14px;
                        color: #7b7b7b;
                        line-height: 1.6;
                    }

                    .news .news_list_area .news_list_1 .news_list li div.news_cont div.news_content_detail {
                        height: 90px;
                        overflow: hidden;
                        margin-bottom: 20px;
                    }

                    .news .news_list_area .news_list_1 .news_list li div.news_cont p.date {
                        margin: 0;
                        padding-left: 20px;
                        font-size: 12px;
                        color: #aaaaaa;
                        line-height: 1.2;
                        background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/icon/icon_day.png) 0 center no-repeat;
                    }

        .news .news_list_area .news_list_2 .released_press {
            width: 388px;
        }

            .news .news_list_area .news_list_2 .released_press li {
                margin-bottom: 1px;
                padding: 30px 7%;
                background: #f0f0f0;
            }

                .news .news_list_area .news_list_2 .released_press li h6 {
                    margin-bottom: 19px;
                    font-size: 20px;
                    color: #333333;
                    line-height: 1.2;
                    height: 50px;
                    overflow: hidden;
                }

                .news .news_list_area .news_list_2 .released_press li p {
                    font-size: 14px;
                    color: #7b7b7b;
                    line-height: 1.6;
                    width: 100%;
                    height: 20px;
                    overflow: hidden;
                }

                    .news .news_list_area .news_list_2 .released_press li p.img {
                        padding-top: 13px;
                    }

        .news .news_list_area .news_list_2 .btn_readmore {
            padding: 20px 0;
            background: #f0f0f0;
        }

            .news .news_list_area .news_list_2 .btn_readmore a {
                display: block;
                margin: 0 auto;
                width: 90%;
                color: #ffffff;
                font-size: 16px;
                line-height: 42px;
                text-transform: uppercase;
                text-align: center;
                background: #3898d3;
                border-radius: 4px;
            }

        .news .news_list_area .news_list_2 .news_sns {
            margin-top: 16px;
            padding: 20px 0 20px 30px;
            border: 1px solid #d9d9d9;
        }

            .news .news_list_area .news_list_2 .news_sns h6 {
                margin-bottom: 14px;
                color: #333333;
                font-size: 16px;
            }

            .news .news_list_area .news_list_2 .news_sns .sns a {
                float: left;
                margin-right: 10px;
            }

            .news .news_list_area .news_list_2 .news_sns .sns img {
                display: block;
                width: 34px;
            }

    .news .news_view_area {
        margin: 0 auto;
        width: 1200px;
    }

        .news .news_view_area .textarea1 h5 {
            padding: 30px 0;
            font-size: 30px;
            line-height: 1.1;
            background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bull/bull_title02.jpg) no-repeat 0 0;
        }

    .news .news_view_area {
        margin: 0 auto;
        width: 1200px;
    }

        .news .news_view_area .news_view_1 {
            float: left;
            width: 752px;
            margin-right: 60px;
        }

        .news .news_view_area .news_view_2 {
            float: left;
            width: 388px;
        }

        .news .news_view_area .news_view_1 .img {
            width: 100%;
            overflow: hidden;
        }

            .news .news_view_area .news_view_1 .img img {
                width: 100%;
            }

        .news .news_view_area .news_view_1 p.date {
            padding: 27px 0 23px 20px;
            font-size: 14px;
            color: #aaaaaa;
            line-height: 1.2;
            background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/icon/icon_day.png) 0 center no-repeat;
        }

        .news .news_view_area .news_view_1 h5 {
            padding: 0 0 27px;
            background: none;
        }

        .news .news_view_area .news_view_1 .news_content {
            font-size: 16px;
            line-height: 1.4;
            color: #777777;
        }

        .news .news_view_area .news_view_1 .contact {
            margin: 36px 0 40px;
            padding: 30px 40px;
            border: 1px solid #d8d8d8;
        }

            .news .news_view_area .news_view_1 .contact h6 {
                font-size: 18px;
                color: #323232;
                font-weight: 400;
            }

            .news .news_view_area .news_view_1 .contact p {
                padding: 14px 0 0;
                font-size: 18px;
                color: #aaaaaa;
                line-height: 1.2;
                background: none;
            }

                .news .news_view_area .news_view_1 .contact p a {
                    color: #7296ba;
                    text-decoration: underline;
                }

        .news .news_view_area .news_view_1 .btn_area {
            padding-bottom: 100px;
        }

            .news .news_view_area .news_view_1 .btn_area li {
                float: left;
                margin-right: 10px;
            }

            .news .news_view_area .news_view_1 .btn_area .btn_share a {
                display: block;
                width: 114px;
                line-height: 53px;
                border-radius: 4px;
                color: #fff;
                font-size: 18px;
                text-transform: uppercase;
                text-align: center;
                background: #4e545a;
            }

            .news .news_view_area .news_view_1 .btn_area .btn_list a {
                display: block;
                width: 93px;
                line-height: 53px;
                border-radius: 4px;
                color: #fff;
                font-size: 18px;
                text-transform: uppercase;
                text-align: center;
                background: #bfc6cd;
            }

        .news .news_view_area .news_view_2 .released_press {
            width: 388px;
        }

            .news .news_view_area .news_view_2 .released_press li {
                margin-bottom: 1px;
                padding: 30px 7%;
                background: #f0f0f0;
            }

                .news .news_view_area .news_view_2 .released_press li h6 {
                    margin-bottom: 19px;
                    font-size: 20px;
                    color: #333333;
                    line-height: 1.2;
                }

                .news .news_view_area .news_view_2 .released_press li p {
                    font-size: 14px;
                    color: #7b7b7b;
                    line-height: 1.4;
                    width: 100%;
                    height: 20px;
                    overflow: hidden;
                }

                    .news .news_view_area .news_view_2 .released_press li p.img {
                        padding-top: 13px;
                    }

        .news .news_view_area .news_view_2 .btn_readmore {
            padding: 20px 0;
            background: #f0f0f0;
        }

            .news .news_view_area .news_view_2 .btn_readmore a {
                display: block;
                margin: 0 auto;
                width: 90%;
                color: #ffffff;
                font-size: 16px;
                line-height: 42px;
                text-transform: uppercase;
                text-align: center;
                background: #3898d3;
                border-radius: 4px;
            }

        .news .news_view_area .news_view_2 .news_sns {
            margin-top: 16px;
            padding: 20px 0 20px 30px;
            border: 1px solid #d9d9d9;
        }

            .news .news_view_area .news_view_2 .news_sns h6 {
                margin-bottom: 14px;
                color: #333333;
                font-size: 16px;
            }

            .news .news_view_area .news_view_2 .news_sns .sns a {
                float: left;
                margin-right: 10px;
            }

            .news .news_view_area .news_view_2 .news_sns .sns img {
                display: block;
                width: 34px;
            }

    .news .released_press_page {
        margin: 0 auto 100px;
        width: 1200px;
    }

        .news .released_press_page h5 {
            margin-bottom: 37px;
            padding: 30px 0 60px 0;
            font-size: 50px;
            text-align: center;
            background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bull/bull_title01.jpg) no-repeat center 0;
            border-bottom: 1px solid #e0e0e0;
        }

        .news .released_press_page li {
            margin-bottom: 16px;
            padding-left: 13px;
            background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bull/bull_title02.jpg) 0 10px no-repeat;
            background-size: 5px 1px;
        }

        .news .released_press_page span {
            font-size: 24px;
            color: #323232;
            line-height: 1.1;
        }

        .news .released_press_page p.writer {
            font-size: 16px;
            color: #aaaaaa;
            width: 100%;
            height: 20px;
            overflow: hidden;
        }

        .news .released_press_page p.img {
            padding-top: 13px;
        }

    .main_news_detail {
        height: 44px;
        overflow: hidden;
    }

    .sub_news_detail {
        height: 44px;
        overflow: hidden;
    }

    /* Etc */
    .etc {
        padding: 100px 0;
    }

        .etc .textarea {
            margin: 0 auto;
            width: 898px;
        }

            .etc .textarea h3 {
                font-weight: bold;
                font-size: 18px;
                color: #777777;
                padding-top: 27px;
                padding-bottom: 27px;
            }

            .etc .textarea h4 {
                color: #323232;
                font-weight: bold;
                font-size: 30px;
                line-height: 1.2;
                padding: 28px 0 49px;
                background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bull/bull_title02.jpg) no-repeat 0 0;
            }
            /*.etc .textarea h5{font-size:24px;line-height:1.2;padding-bottom:53px;}*/
            .etc .textarea h5 {
                color: #777777;
                font-size: 16px;
                font-weight: bold;
                line-height: 1.2;
                padding-bottom: 27px;
                padding-top: 10px;
            }

            .etc .textarea h6 {
                color: #030303;
                font-size: 16px;
                line-height: 1.2;
                padding-bottom: 27px;
            }

            .etc .textarea p {
                color: #777777;
                font-size: 16px;
                line-height: 22px;
                padding-bottom: 10px;
            }

            .etc .textarea .p1 {
                color: #777777;
                font-size: 16px;
                line-height: 22px;
                padding-bottom: 20px;
                padding-top: 25px;
            }

    /* Social */
    .social > .imgarea {
        margin-bottom: 80px;
        height: 379px;
        background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bg/bg_social_header_p.jpg) no-repeat center top;
        background-size: cover;
    }

    .social .imgarea .text {
        padding-top: 100px;
        color: #fff;
        text-align: center;
    }

        .social .imgarea .text h4 {
            font-size: 70px;
            line-height: 1.1;
            text-transform: uppercase;
        }

        .social .imgarea .text p {
            padding-top: 30px;
            font-size: 20px;
            line-height: 1.1;
        }

    .social .sns_list {
        margin: 0 auto 78px;
        width: 1200px;
    }

        .social .sns_list > div {
            float: left;
        }

        .social .sns_list .float_right {
            float: right;
        }

        .social .sns_list .txtarea {
            padding: 15px 60px 15px 95px;
        }

        .social .sns_list .sns_youtube {
            position: relative;
            margin-bottom: 18px;
            width: 558px;
            height: 558px;
        }

            .social .sns_list .sns_youtube .imgarea {
                width: 558px;
                height: 480px;
                overflow: hidden;
            }

                .social .sns_list .sns_youtube .imgarea img {
                    width: 100%;
                    height: 100%;
                }

            .social .sns_list .sns_youtube .txtarea {
                background: #d83632 url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/icon/icon_youtube.jpg) 0 0 no-repeat;
                color: #ffffff;
                font-size: 18px;
                line-height: 24px;
                height: 48px;
            }

            .social .sns_list .sns_youtube .youtube_play {
                position: absolute;
                top: 0;
                left: 0;
                display: block;
                width: 558px;
                height: 480px;
            }

        .social .sns_list .sns_twitter {
            width: 558px;
            height: 236px;
        }

            .social .sns_list .sns_twitter .imgarea {
                width: 558px;
                height: 206px;
                overflow: hidden;
            }

                .social .sns_list .sns_twitter .imgarea img {
                    width: 100%;
                    height: 100%;
                }

            .social .sns_list .sns_twitter .txtarea {
                background: #2c9cde url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/icon/icon_twitter.jpg) 0 0 no-repeat;
                color: #ffffff;
                font-size: 18px;
                line-height: 24px;
                height: 48px;
            }

        .social .sns_list .sns_facebook1 {
            margin-bottom: 18px;
            width: 624px;
        }

            .social .sns_list .sns_facebook1 .imgarea {
                width: 624px;
                height: 206px;
                overflow: hidden;
            }

                .social .sns_list .sns_facebook1 .imgarea img {
                    width: 100%;
                    height: 100%;
                }

            .social .sns_list .sns_facebook1 .txtarea {
                background: #3e65a7 url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/icon/icon_facebook.jpg) 0 0 no-repeat;
                color: #ffffff;
                font-size: 18px;
                line-height: 24px;
                height: 48px;
            }

        .social .sns_list .sns_facebook2 {
            float: left;
            width: 303px;
            height: 480px;
        }

            .social .sns_list .sns_facebook2 .imgarea {
                width: 303px;
                height: 480px;
                overflow: hidden;
            }

                .social .sns_list .sns_facebook2 .imgarea img {
                    width: 100%;
                    height: 100%;
                }

            .social .sns_list .sns_facebook2 .txtarea {
                padding-right: 35px;
                background: #3e65a7 url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/icon/icon_facebook.jpg) 0 0 no-repeat;
                color: #ffffff;
                font-size: 18px;
                line-height: 24px;
                height: 48px;
            }

        .social .sns_list .sns_blogspot_area {
            float: right;
            width: 303px;
        }

        .social .sns_list .sns_blogspot {
            margin-bottom: 32px;
            width: 303px;
            height: 256px;
        }

            .social .sns_list .sns_blogspot .imgarea {
                width: 303px;
                height: 178px;
                overflow: hidden;
            }

                .social .sns_list .sns_blogspot .imgarea img {
                    width: 100%;
                    height: 100%;
                }

            .social .sns_list .sns_blogspot.last {
                margin-bottom: 0;
                height: 270px;
            }

                .social .sns_list .sns_blogspot.last .imgarea {
                    height: 192px;
                }

            .social .sns_list .sns_blogspot .txtarea {
                padding-right: 35px;
                background: #ec9035 url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/icon/icon_blogspot.jpg) 0 0 no-repeat;
                color: #ffffff;
                font-size: 18px;
                line-height: 24px;
                height: 48px;
            }

        .social .sns_list .txtarea a {
            height: 50px;
            overflow: hidden;
            display: block;
        }

    .storify {
        overflow: hidden;
        margin-left: -12px;
    }

        .storify iframe {
            width: 100% !important;
            max-width: 100% !important;
            padding-left: 18px !important;
        }

    .sns_api {
        margin: 0 auto 100px;
        width: 1200px;
    }

        .sns_api > div > img {
            width: 100%;
        }

        .sns_api div.sns_instagram {
            float: right;
            width: 624px;
        }

        .sns_api .news_sns {
            margin-top: 16px;
            padding: 20px 0 20px 30px;
            border: 1px solid #d9d9d9;
        }

            .sns_api .news_sns h6 {
                margin-bottom: 14px;
                color: #333333;
                font-size: 16px;
            }

            .sns_api .news_sns .sns a {
                float: left;
                margin-right: 10px;
            }

            .sns_api .news_sns .sns img {
                display: block;
                width: 34px;
            }

    /* Etc */
    .etc {
        padding: 100px 0;
    }

        .etc .textarea {
            margin: 0 auto;
            width: 898px;
        }

            .etc .textarea h4 {
                color: #323232;
                font-size: 30px;
                line-height: 1.2;
                padding: 28px 0 49px;
                background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bull/bull_title02.jpg) no-repeat 0 0;
            }

            .etc .textarea h5 {
                font-size: 24px;
                line-height: 1.2;
                padding-bottom: 53px;
            }

            .etc .textarea h6 {
                color: #030303;
                font-size: 16px;
                line-height: 1.2;
                padding-bottom: 27px;
            }

            .etc .textarea p {
                color: #777777;
                font-size: 16px;
                line-height: 22px;
                padding-bottom: 27px;
            }
}

/* 아이폰 css */
@media all and (max-width:400px) {
    .m_320 {
        display: block !important
    }

    .header .logo {
        width: 24%;
    }

        .header .logo img {
            padding-top: 20px;
        }

    .dashcam .imgarea3 {
        position: relative;
        height: 550px;
        background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bg/bg_dashcam03_m_1.jpg);
        font-size: 0
    }

        .dashcam .imgarea3 img {
            position: absolute;
            bottom: 2%;
            width: 100%
        }

    .dashcam .imgarea5 {
        position: relative;
        height: 550px;
    }

        .dashcam .imgarea5 .textarea {
            position: absolute;
            top: 10%;
            text-align: center
        }

    .why_dashcam .textarea p {
        color: #777;
        font-size: 16px;
    }

    .why_dashcam .textarea img {
        width: 100%
    }

    .why_dashcam .imgarea4 {
        position: relative;
        height: 550px;
        background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/bg/bg_dashcam03_m_1.jpg);
        font-size: 0
    }

        .why_dashcam .imgarea4 img {
            bottom: 2%;
        }

    .why_dashcam .imgarea5 {
        position: relative;
        height: 550px
    }

        .why_dashcam .imgarea5 .textarea1 {
            position: absolute;
            top: 10%
        }

    .products > .submain_imgarea .textarea {
        top: 20px;
    }

        .products > .submain_imgarea .textarea p.tit_detail {
            font-size: 18px;
        }

        .products > .submain_imgarea .textarea h4 {
            font-size: 22px;
        }

    .products .content_list .rew_sns .textarea3 h3 {
        font-size: 16px;
    }

    .products .content_list .rew_sns .textarea2 h3 {
        font-size: 16px;
    }

    .products .content_list .r_lef h3 {
        font-size: 16px;
    }

    .products .content_list .r_rig h3 {
        font-size: 16px;
    }

    .footer .snsarea ul {
        width: 50%;
        padding: 0 25%;
        overflow: hidden;
    }

        .footer .snsarea ul li {
            float: left;
            padding: 13px 4% 0 0;
            width: 16.6%;
        }
    /*.about .imgarea{background-size:220%;}
	.about .textarea2 .award_imgarea img{width:45%;}
	.about .imgarea .text{padding:40px 3% 50px 3%;}*/
    .dashcam .imgarea5 .textarea {
        top: 3%;
    }

        .dashcam .imgarea5 .textarea > p {
            line-height: 19px;
        }

    .tablist .m1_con6 div.content .icon_area dd {
        top: 10%;
        font-size: 12px;
    }

        .tablist .m1_con6 div.content .icon_area dd span {
            display: block;
            font-size: 14px;
            color: #34322f;
            margin: 0 0 4% 0;
        }
}

/* 고해상도 css */
@media all and (min-width:1800px) {
    #main_content1 {
        height: 100%
    }

        #main_content1 .movie_area > * {
            width: 100%
        }

    .products .content02 ul li .imgarea .text.img01 {
        background-size: 100%
    }

    .products .content02 ul li .imgarea .text.img02 {
        background-size: 100%
    }

    .products .content02 ul li .imgarea .text.img03 {
        background-size: 100%
    }

    .products .explain > .imgarea {
        background-size: cover !important;
    }

    .products .imgarea2 .imgarea img {
        width: auto !important;
    }
}

/* [0414_추가] */
/* 400~767px css */
@media all and (min-width:401px) and (max-width:767px) {
    #main_content1 .bottom .right > span {
        position: absolute;
        top: 15px;
        right: 7.8%;
        padding: 0 30px 0 0;
        background: url(https://d3niobw1xonjt7.cloudfront.net/Content/Images/front/en/btn/btn_right01.png) no-repeat right center;
        color: #fff;
        text-align: left
    }

        #main_content1 .bottom .right > span span {
            font-size: 12px;
            font-weight: normal
        }

    #main_content1 .bottom .right img {
        position: static;
        float: left;
        margin-right: 20px;
    }

    #main_content1 .bottom .right > span.box_cam {
        left: 15%
    }

        #main_content1 .bottom .right > span.box_cam span {
            position: static;
            text-align: left;
            background: none;
        }

    #main_content5 > .left .text_area > div .checkbox {
        float: left;
        margin-left: 5px;
    }

    .dashcam .imgarea3 {
        height: 730px
    }

        .dashcam .imgarea3 .textarea .btn_area {
            margin-top: 20px;
        }

    .products .explain > .content .log10 .content ul li .textarea h5 {
        font-size: 25px;
        line-height: 28px;
    }

    .products .explain > .content .log10 .content ul li .textarea p {
        font-size: 12px;
        line-height: 20px;
        margin: 5px 0;
    }

    .products .explain > .content .log10 .content ul li .textarea span {
        font-size: 10px;
    }

    .products .content_list .content li .textarea h6 {
        font-size: 30px;
    }

    .products .content_list .content li .textarea > p {
        font-size: 18px
    }

    .products .content_list .title h5 {
        font-size: 18px;
    }
}

/* .content img { width: 100%; } */




.passwordinfo {
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 14px;
    color: #a9a9a9;
}

.passwordinfo-1dept {
    margin-left: 10px;
}

.passwordinfo-2dept {
    margin-left: 20px;
    letter-spacing: 2px;
}

@media (max-width: 767px) and (min-width: 200px) {
    .passwordinfo {
        padding-top: 10px;
        padding-bottom: 10px;
        color: #a9a9a9;
        font-size: 12px;
    }

    .passwordinfo-2dept {
        margin-left: 20px;
        font-size: 14px;
        letter-spacing: 2px
    }
}