@charset "utf-8";

/* 폰트 */
@font-face {
    font-family: 'Spoqa Han Sans';
    font-weight: 700;
    src: local('Spoqa Han Sans Bold'),
    url('//cdn.jsdelivr.net/gh/spoqa/spoqa-han-sans@01ff0283e4f36e159ffbf744b36e16ef742da6d8/Subset/SpoqaHanSans/SpoqaHanSansBold.woff2') format('woff2');
}

@font-face {
    font-family: 'Spoqa Han Sans';
    font-weight: 400;
    src: local('Spoqa Han Sans Regular'),
    url('//cdn.jsdelivr.net/gh/spoqa/spoqa-han-sans@01ff0283e4f36e159ffbf744b36e16ef742da6d8/Subset/SpoqaHanSans/SpoqaHanSansRegular.woff2') format('woff2');
}

@font-face {
    font-family: 'Spoqa Han Sans';
    font-weight: 300;
    src: local('Spoqa Han Sans Light'),
    url('//cdn.jsdelivr.net/gh/spoqa/spoqa-han-sans@01ff0283e4f36e159ffbf744b36e16ef742da6d8/Subset/SpoqaHanSans/SpoqaHanSansLight.woff2') format('woff2');
}

/* 초기화 */
* {font-family: 'Spoqa Han Sans', 'Malgun Gothic','맑은 고딕',dotum,'돋움',sans-serif; letter-spacing:-1px; font-size:15px; font-weight:normal;}
html {width:100%; overflow:auto;}
body {width:100%; -webkit-text-size-adjust:none; font-size:14px; -webkit-text-size-adjust:none;}
body,p,div,h1,h2,h3,h4,h5,h6,ul,ol,dl,dt,dd,table,caption,form,fieldset,legend,input,a{margin:0; padding:0; text-decoration:none}
li{list-style-type:none;}
fieldset,img{border:0;}
em {font-style:normal;}
li img, li a, dd img, img, a img{vertical-align:top;}
legend,caption{font-size:0; width:0; height:0; line-height:0; visibility:hidden; position:absolute;}
iframe {display:block;}
select, input[type="text"],input[type="tel"],input[type="number"]{padding:0 10px; height:40px; line-height:40px; box-sizing:border-box; border:1px solid #ababab;}
textarea{resize:none; padding:0 10px; height:40px; line-height:40px; box-sizing:border-box; border:1px solid #ababab;}
table {border-spacing: 0}
table th, table td {padding: 0}
button {border:none; outline:none; background-color:transparent;}
a {outline:none;}
.ir {z-index:-1; position:relative; display:block; width:100%; font-size:9px; text-align:center; white-space:nowrap; overflow:hidden; text-indent:-99999px;color:transparent;}
.mask {position:absolute;top:0;left:0;border:1px solid #000;opacity:0.2;filter:alpha(opacity=20);z-index:250}
.hide {z-index:-1; position:absolute; top:-999999em; left:-999999em; display:inline-block;.display:none; width:1px; height:1px; font-size:1px; line-height:1px;}


/* 아이콘 이미지 */
.tpod_icn,
.tin_close_button::after,
.tiv_header_link::after,
.tivt_link::after,
.tii_install_link::after,
.tif_top_button::after,
.tip_list_inner_nugu::after,
.tip_list_inner_bixby::after,
.tip_list_inner_clova::after {display:block; position:absolute; background:url("../../img/asis/set_icon_pc.png");}

.tpod_intro_w {min-width:1170px; overflow:hidden; background-color:#000;}
    .tpod_intro_notice_w {position:fixed; top:0; min-width:1170px; width:100%; height:78px; z-index:10;}
        .tpod_intro_notice_inner {padding:15px 0; background-color:#ff2828; text-align:center; font-size:0;}
            .tin_label {display:inline-block; vertical-align:top; padding:0 22px; height:46px; line-height:46px; font-size:29px; color:#fff; border:1px solid #fff; border-radius:24px;}
            .tin_text {margin-left:20px; display:inline-block; vertical-align:top; min-width:667px; max-width:850px; min-height:48px; line-height:48px; font-size:29px; color:#fff; text-align:left;}
            .tin_close_button {margin-left:50px; display:inline-block; vertical-align:top; width:43px; height:48px; position:relative; font-size:0; color:transparent; overflow:hidden; cursor:pointer;}
            .tin_close_button::after {content:''; width:43px; height:43px; top:2px; left:0; background-position:-765px 0;}
    .tpod_intro_visual_w {text-align:center; font-size:0; position:relative; padding-bottom:113px; background-color:#000;}
    .tpod_intro_visual_w::before {content:''; display:block; width:100%; height:100%; z-index:0; position:fixed; top:0; left:0; background-image:url("../../img/asis/visual_image_pc.jpg"); background-repeat:no-repeat; background-position:center top; opacity:0; -moz-transition:opacity 0.8s linear; -o-transition:opacity 0.8s linear; -webkit-transition:opacity 0.8s linear; transition:opacity 0.8s linear;}
    .tpod_intro_visual_w.loaded::before {opacity:1;}
    .tpod_intro_visual_w::after {content:''; display:block; width:100%; height:371px; position:absolute; bottom:0; left:0;
        /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,1+100 */
        background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
    }
    .tpod_intro_notice_w + .tpod_intro_visual_w {margin-top:78px;}
        .tpod_intro_notice_w + .tpod_intro_visual_w::before {top:78px;}
            .tiv_header {text-align:left; opacity:0; -moz-transition:opacity 0.8s linear; -o-transition:opacity 0.8s linear; -webkit-transition:opacity 0.8s linear; transition:opacity 0.8s linear; position:relative; z-index:1; height:132px; padding:0 112px; max-width:1920px; margin:0 auto; box-sizing:border-box;}
            .tiv_header.loaded {opacity:1}
                .tiv_header_link {margin-top:56px; display:inline-block; vertical-align:top; width:175px; height:76px; position:relative; font-size:0; color:transparent; overflow:hidden; cursor:pointer;}
                .tiv_header_link::after {content:''; width:108px; height:76px; top:0; left:0; background-position:-520px -100px;}
            .tiv_title_w {margin-top:-50px; opacity:0; -moz-transition:opacity 0.8s linear; -o-transition:opacity 0.8s linear; -webkit-transition:opacity 0.8s linear; transition:opacity 0.8s linear; position:relative; z-index:1; height:252px; line-height:252px; text-align:center;}
            .tiv_title_w.loaded {opacity:1}
                .tivt_title_inner {display:inline-block; vertical-align:middle; line-height:normal;}
                    .tivt_subtitle {font-size:60px; font-weight:bold; color:#fff;}
                    .tivt_title {display:block; font-size:70px; font-weight:bold; color:#ff2828;}
            .tivt_logo_w {opacity:0; -moz-transition:opacity 0.8s linear; -o-transition:opacity 0.8s linear; -webkit-transition:opacity 0.8s linear; transition:opacity 0.8s linear; width:324px; height:233px; position:relative; z-index:1; margin:0 auto;}
            .tivt_logo_w.loaded {opacity:1}
                .tivt_logo_w .icon_tpod_logo {width:324px; height:233px; top:0; left:0; background-position:0 0;}
            .tivt_text_w {opacity:0; -moz-transition:opacity 0.8s linear; -o-transition:opacity 0.8s linear; -webkit-transition:opacity 0.8s linear; transition:opacity 0.8s linear; position:relative; z-index:1; height:160px; line-height:160px; text-align:center;}
            .tivt_text_w.loaded {opacity:1}
                .tivt_text_inner {display:inline-block; vertical-align:middle; line-height:normal;}
                    .tivt_text {line-height:39px; font-size:29px; font-weight:normal; color:#fff;}
            .tivt_link {opacity:0; -moz-transition:opacity 0.8s linear; -o-transition:opacity 0.8s linear; -webkit-transition:opacity 0.8s linear; transition:opacity 0.8s linear; display:inline-block; vertical-align:top; width:340px; height:100px; margin:0 auto; position:relative; z-index:1; background-color:#fff; border-radius:50px; margin:0 10px; font-size:0; color:transparent;}
            .tivt_link.loaded {opacity:1}
                .tivt_link::after {content:''; top:26px; left:48px; width:243px; height:49px; background-position:-520px 0;}
                .tivt_link:last-of-type::after {content:''; top:21px; left:77px; width:188px; height:54px; background-position:-540px -190px;}
    .tpod_intro_content_w {position:relative; z-index:1; overflow:hidden;}
        [class^="tic_inner_"] {text-align:center; padding-top:115px; overflow:visible; background-color:#fff;}
        [class^="tic_inner_"]:last-of-type {padding-bottom:115px;}
            .tic_text_w {opacity:0; position:relative; top:50px;}
                .tic_title {line-height:74px; font-size:60px; font-weight:bold; color:#000;}
                    .tic_title .icon_title_new {display:inline-block; vertical-align:top; margin-left:12px; width:70px; height:30px; background-position:-695px -155px;}
                .tic_subtitle {display:block; line-height:51px; font-size:36px; font-weight:normal; color:#000;}
                .tic_text {padding:23px 0; line-height:40px; font-size:29px; font-weight:300; color:#000;}
            .tic_image_w {position:relative; left:50%; margin-left:-848px; width:1696px; height:857px;}
                [class^="tic_image_0"] {opacity:0; position:absolute; top:50px; left:0; width:1696px; height:857px;}
            .tic_text_w.animation-on {-moz-animation: fadein 0.8s; -webkit-animation: fadein 0.8s; -o-animation: fadein 0.8s; animation: fadein 0.8s;}
            .tic_image_w.animation-on .tic_image_01 {-moz-animation: fadein 1.5s; -webkit-animation: fadein 1.5s; -o-animation: fadein 1.5s; animation: fadein 1.5s;}
            .tic_image_w.animation-on .tic_image_02 {-moz-animation: fadein 0.6s 0.4s; -webkit-animation: fadein 1.2s 0.8s; -o-animation: fadein 1.2s 0.8s; animation: fadein 1s 0.5s;}
            .tic_image_w.animation-on .tic_image_03 {-moz-animation: fadein 0.5s 0.5s; -webkit-animation: fadein 1s 1s; -o-animation: fadein 1s 1s; animation: fadein 0.8s 0.7s;}
            .tic_text_w.current, .tic_image_w.current [class^="tic_image_0"] {opacity:1; top:0;}
            @keyframes fadein {
                from {
                    opacity:0;
                    top:50px;
                }
                to {
                    opacity:1;
                    top:0;
                }
            }
            @-moz-keyframes fadein { /* Firefox */
                from {
                    opacity:0;
                    top:50px;
                }
                to {
                    opacity:1;
                    top:0;
                }
            }
            @-webkit-keyframes fadein { /* Safari and Chrome */
                from {
                    opacity:0;
                    top:50px;
                }
                to {
                    opacity:1;
                    top:0;
                }
            }
            @-o-keyframes fadein { /* Opera */
                from {
                    opacity:0;
                    top:50px;
                }
                to {
                    opacity: 1;
                    top:0;
                }
            }
        .tic_inner_androidauto {position:relative; margin-top:0; padding-top:70px; padding-bottom:1122px; background-color:#000;}
        .tic_inner_androidauto::before {content:''; opacity:0; display:block; position:absolute; top:0; left:0; right:0; bottom:0; background:url('../../img/asis/androidauto_bg_pc.jpg') no-repeat bottom center #000; -moz-transition:opacity 0.8s linear 0.3s; -o-transition:opacity 0.8s linear 0.3s; -webkit-transition:opacity 0.8s linear 0.3s; transition:opacity 0.8s linear 0.3s;}
        .tic_inner_androidauto.current::before {opacity:1;}
            .tic_inner_androidauto .tic_text_w {top:0; -moz-transition:opacity 0.8s linear 0.3s; -o-transition:opacity 0.8s linear 0.3s; -webkit-transition:opacity 0.8s linear 0.3s; transition:opacity 0.8s linear 0.3s;}
            .tic_inner_androidauto.current .tic_text_w {opacity:1;}
                .tic_inner_androidauto .tic_title,
                .tic_inner_androidauto .tic_subtitle,
                .tic_inner_androidauto .tic_text {color:#fff;}
                .tic_link {position:absolute; bottom:-88px; left:50%; transform:translateX(-50%); display:inline-block; vertical-align:top; max-width:95%; box-sizing:border-box; padding:0 64px; height:88px; line-height:88px; color:#fff !important; font-size:29px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
                .tic_link::after {content:''; display:block; width:100%; height:100%; box-sizing:border-box; border:5px solid rgba(255,255,255,0.3); border-radius:44px; position:absolute; top:0; left:0;}
                .tic_link:hover{text-decoration:underline; color:#fff;}
    .tpod_intro_parallax_w {position:relative; z-index:1; background-color:#000; height:799px; overflow:hidden;}
        .tpod_intro_parallax_w .simpleParallax {height:100%;}
            .tpod_intro_parallax_image {position:relative; left:50%; margin-left:-1280px; margin-top:-200px; width:2560px; height:1275px;}
        .tip_list_w {position:absolute; top:50%; left:0; width:100%; transform:translateY(-50%); text-align:center; font-size:0;}
            .tip_list_w [class^="tip_list_inner_"] {position:relative; display:inline-block; vertical-align:top; width:380px; height:134px; border-radius:67px; margin-left:14px; background-color:rgba(0,0,0,0.6); font-size:1px; color:transparent; opacity:0;}
            .tip_list_w.current [class^="tip_list_inner_"] {opacity:1;}
            .tip_list_w [class^="tip_list_inner_"]:first-of-type {margin-left:0;}
                .tip_list_inner_nugu {transition: opacity 0.5s ease-in;}
                .tip_list_inner_bixby {transition: opacity 0.5s ease-in 0.1s;}
                .tip_list_inner_clova {transition: opacity 0.5s ease-in 0.2s;}
                    .tip_list_inner_nugu::after {content:''; width:285px; height:70px; top:33px; left:49px; background-position:-540px -245px;}
                    .tip_list_inner_bixby::after {content:''; width:252px; height:80px; top:27px; left:64px; background-position:-540px -315px;}
                    .tip_list_inner_clova::after {content:''; width:249px; height:71px; top:24px; left:66px; background-position:-540px -395px;}
    .tpod_intro_partner_w {position:relative; z-index:1; background-color:#fff; padding:115px 0 59px;}
        .tip_title {text-align:center; line-height:74px; font-size:60px; font-weight:bold; color:#333;}
        .tip_info_w {overflow:hidden; width:1170px; margin:60px auto 0;}
            .tip_info_inner {width:390px; float:left;}
                .tipi_image {position:relative; display:block; width:180px; height:180px; margin:0 auto;}
                    .tipi_image .icon_info_audio {width:180px; height:180px; top:0; left:0; background-position:0px -235px;}
                    .tipi_image .icon_info_qna {width:180px; height:180px; top:0; left:0; background-position:-180px -235px;}
                    .tipi_image .icon_info_tpod {width:180px; height:180px; top:0; left:0; background-position:-360px -235px;}
                .tipi_text_w {height:130px; line-height:130px; font-size:0; text-align:center;}
                    .tipi_text_inner {display:inline-block; vertical-align:middle; max-height:80px; line-height:40px; font-size:29px; font-weight:normal; color:#333; overflow:hidden;}
        .tip_contact_w {}
            .tip_subtitle {padding:46px 0; text-align:center; line-height:39px; font-size:36px; font-weight:bold; color:#333;}
            .tip_contact_inner {text-align:center;}
                .tipc_name {display:inline-block; vertical-align:top; width:290px; line-height:50px; font-size:29px; font-weight:normal; color:#333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
                .tipc_number {display:inline-block; vertical-align:top; width:290px; line-height:50px; font-size:29px; font-weight:normal; color:#333; white-space:nowrap;}
        .tip_partners_w {width:1170px; margin:0 auto; overflow:hidden; margin-top:30px;}
            .tip_partners {width:1330px; overflow:hidden;}
                .tip_partners_inner {float:left; width:172px; margin-right:160px;}
                    .tipp_image {display:block; width:172px; height:172px;}
    .tpod_intro_install_w {position:relative; z-index:1; height:460px; line-height:460px; text-align:center; font-size:0; overflow:hidden; background-color:#cc2020;}
        .tpod_intro_install_inner {display:inline-block; vertical-align:middle; line-height:normal; position:relative; z-index:1; font-size:0;}
            .tii_applogo_w {display:block; width:194px; height:194px; margin:0 auto; position:relative;}
                .tii_applogo_w .icon_tpod_app_logo {width:194px; height:194px; top:0; left:0; background-position:-325px 0;}
            .tii_install_link {position:relative; display:inline-block; vertical-align:top; margin:0 10px; width:340px; height:100px; border:1px solid #fff; border-radius:50px; margin-top:46px; font-size:0; color:transparent;}
                .tii_install_link::after {content:''; top:26px; left:48px; width:243px; height:49px; background-position:-520px -50px;}
                .tii_install_link:last-of-type::after {content:''; top:21px; left:77px; width:188px; height:54px; background-position:-730px -190px;}
        .tii_bg_image_01 {opacity:0; display:block; position:absolute; top:50px; left:50%; margin:0 0 0 -848px; -moz-transform:translateY(-15%); -webkit-transform:translateY(-15%); -o-transform:translateY(-15%); transform:translateY(-15%);}
        .tii_bg_image_02 {opacity:0; display:block; position:absolute; top:50px; left:50%; margin:0 0 0 -848px; -moz-transform:translateY(-15%); -webkit-transform:translateY(-15%); -o-transform:translateY(-15%); transform:translateY(-15%);}
        .tpod_intro_install_w.animation-on .tii_bg_image_01 {-moz-animation: fadein 1.5s; -webkit-animation: fadein 1.5s; -o-animation: fadein 1.5s; animation: fadein 1.5s;}
        .tpod_intro_install_w.animation-on .tii_bg_image_02 {-moz-animation: fadein 0.6s 0.4s; -webkit-animation: fadein 1.2s 0.8s; -o-animation: fadein 1.2s 0.8s; animation: fadein 1s 0.5s;}
        .tpod_intro_install_w.current, .tpod_intro_install_w.current [class^="tii_bg_image_0"] {opacity:1; top:0;}
    .tpod_intro_footer_w {position:relative; z-index:1; background-color:#fff; padding-top:70px; height:230px; overflow:hidden;}
        .tpod_intro_footer_inner {position:relative; width:1170px; margin:0 auto;}
            .tif_logo_w {width:90px; height:51px; position:absolute; top:0; left:0;}
                .tif_logo_w .icon_tpod_footer_logo {top:0; left:0; width:90px; height:51px; background-position:-695px -100px;}
            .tif_link_w {padding-left:90px; font-size:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align:right;}
                .tif_link_inner {display:inline-block; vertical-align:top;}
                    .tif_link {position:relative; display:block; line-height:51px; font-size:20px; font-weight:300; color:#333; padding-right:20px; margin-right:20px;}
                    .tif_link::after {content:''; display:block; width:1px; height:18px; background-color:#888; position:absolute; top:16px; right:0;}
                    .tif_link_inner:last-of-type .tif_link {padding-right:0; margin-right:0;}
                    .tif_link_inner:last-of-type .tif_link::after {display:none;}
            .tif_copyright_w {line-height:56px; font-size:16px; font-weight:normal; color:#888;}
        .tif_top_button {opacity:0; z-index:-1; cursor:none; display:block; width:70px; height:70px; border:1px solid #dbdbdb; position:fixed; bottom:52px; right:190px; background-color:rgba(255,255,255,0.7); font-size:0; color:transparent; -moz-transition:opacity 0.8s linear; -o-transition:opacity 0.8s linear; -webkit-transition:opacity 0.8s linear; transition:opacity 0.8s linear;}
        .tif_top_button.current {opacity:1; z-index:1; cursor:pointer;}
        .tif_top_button::after {content:''; top:50%; left:50%; margin:-10px 0 0 -20px; width:40px; height:20px; background-position:-765px -45px;}