@charset "utf-8";

@font-face {
	font-family: "source-han-sans-korean";
	font-weight:300;
	src:url('../font/NotoSans-Light.woff2') format('woff2'),
			url('../font/NotoSans-Light.woff') format('woff');
}
@font-face {
	font-family: "source-han-sans-korean";
	font-weight:500;
	src:url('../font/NotoSans-Medium.woff2') format('woff2'),
			url('../font/NotoSans-Medium.woff') format('woff');
}
@font-face {
	font-family: "source-han-sans-korean";
	font-weight:700;
	src:url('../font/NotoSans-Bold.woff2') format('woff2'),
			url('../font/NotoSans-Bold.woff') format('woff');
}

/* Common */
html{min-width:320px;font-size:18px;font-weight:500;}
body,p,h1,h2,h3,h4,h5,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0;padding:0}
body,input,textarea,select,button,table,pre{font-size:1rem;font-weight:500;font-style:normal;font-family:'source-han-sans-korean','dotumM','Malgun Gothic','맑은 고딕',HelveticaNeue,AppleSDGothicNeo-Light,Arial,snas-serif;letter-spacing:-0.025em;line-height:1.5;color:#444;background:#fff;-webkit-text-size-adjust:none;-webkit-font-smoothing:antialiased}
html,body{min-height:100%; overflow-x:hidden;}
body{-webkit-overflow-scrolling:touch}
img,fieldset,button,input,select,textarea{border:0 none;appearance:none;-webkit-appearance:none}
ul,ol{list-style:none}
img{max-width:100%}
input,select,button{vertical-align:top;}
input{border:0;background:#fff}
em,address{font-style:normal}
a{text-decoration:none;color:#555}
button{margin:0;padding:0;background:none}
h1,h2,h3,h4,h5,h6,strong,th,b{font-family:'source-han-sans-korean','dotumM','Malgun Gothic','맑은 고딕',HelveticaNeue,AppleSDGothicNeo-Light,Arial,snas-serif;font-weight:normal}
h1,h2,h3,h4,h5,h6,b{color:#111}
table{border-collapse:collapse;border-spacing:0;width:100%;table-layout:fixed}
td,th{border-collapse:collapse;border-spacing:0;word-wrap:break-word;word-break:break-all}
caption{overflow:hidden;width:1px;height:1px;margin:-1px 0;font-size:1px;line-height:0}
hr,legend{display:none}
label,button{cursor:pointer}
textarea{overflow:hidden;overflow-y:auto;resize:none;border:0;background:none;word-break:break-all;word-wrap:break-word;white-space:pre-line;line-height:1.5;color:#111}
input:-ms-input-placeholder,textarea:-ms-input-placeholder{font-weight:300;color:#888 !important}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{font-weight:300;color:#888}
input, textarea, button {box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;border-radius:0;}
picture {display:block; width:100%;}

.header {z-index:1000; position:fixed; top:0; left:0; width:100%; height:68px; border-bottom:1px solid rgba(255,255,255,0.2);}
.header > .inner {max-width:1860px; margin:0 auto; padding:0 140px;}
.header h1.logo {position:absolute; top:0; left:0;}
.header h1.logo a {display:inline-block; vertical-align:top; padding:16px 20px 17px 20px; width:95px; font-size:1px;}
.header h1.logo a img {width:100%; vertical-align:top;}
.header .nav {text-align:center; border-top-color:transparent !important;}
.header .nav ul {display:inline-block; vertical-align:top; opacity:1 !important}
.header .nav ul:after {content:''; display:block; clear:both;}
.header .nav ul li {float:left;}
.header .nav ul li a {display:block; height:68px; padding:0 25px; font-weight:500; line-height:68px; color:#fff; transition:all 300ms ease-in-out 0ms;}
.header .nav ul li a.active span {position:relative; display:inline-block; height:100%;}
.header .nav ul li a.active span:after {content:''; position:absolute; bottom:-1px; left:0; width:100%; height:2px; background:#333;}
.header .sns {position:absolute; top:9px; right:15px;}
.header .sns:after {content:''; display:block; clear:both;}
.header .sns li {float:left;}
.header .sns li a {display:block; height:50px; width:50px; text-indent:-9999px; background:url('../img/ico_sns.png') no-repeat; background-size:auto 100%;}
.header .sns li .sns_facebook {}
.header .sns li .sns_twitter {background-position-x:-50px;}
.header .sns li .sns_kakaotalk {background-position-x:-100px;}
.header.active .nav ul a {color:#222;}
.container {overflow:hidden;}
.footer {z-index:10; position:relative; text-align:center; font-size:0.78rem; color:#888; line-height:4rem; background:#2d2d2d;}

.pc_br {display:inline;}
.m_br {display:none;}

.key_video {z-index:16; position:relative; max-height:100vh; width:100%;overflow:hidden;opacity:1; background:#000;}
.key_video video{width:100%; vertical-align:top; /*position:absolute;top:50%;left:50%;min-width:100%;min-height:100%;width:auto;height:auto;transform:translateX(-50%) translateY(-50%);-webkit-transform:translateX(-50%)translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);*/}
.key_video p{position:absolute;top:50%;left:0;width:100%;padding:0 20px;box-sizing:border-box;text-align:center;font-size:42px;line-height:66px;color:#fff;transform:translateY(-50%);-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);}
.key_video .scroll_hint {position:absolute; bottom:0; left:50%; transform:translateX(-50%);-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);}
.key_video .btn_muted {position:absolute; top:calc(100% - 100px); right:50px; opacity:0.5;}
.key_video .btn_muted:hover {opacity:1;}
.key_video .btn_download {position:absolute; top:calc(100% - 90px); left:50px; opacity:0.5; border-radius:15px; font-size:14px; padding:0 38px 0 15px; line-height:30px; color:#444; background:#fff;}
.key_video .btn_download:after {content:''; position:absolute; top:50%; right:15px; height:16px; width:16px; margin-top:-8px; background:url('../img/ico_download.png') no-repeat;}
.key_video .btn_download:hover {opacity:1;}

.item_title {font-size:2.67rem; line-height:3.67rem; font-weight:700;}
.item_title em {font-size:2.8rem; color:#0178fe;}
.item_sub_title {margin-top:1.4rem; font-size:1.09rem; color:#0178fe;}
.item_text {padding-top:.7rem; font-weight:300; line-height:1.78rem;}
.item_text > span {display:block;}
.item_text > span .desc {display:block; margin-top:1rem; color:#666; font-size:0.78rem;}
.desc_list {margin-top:1rem; font-weight:300;}

.tiviva_info_wrap {padding:0 20px; background:#fff;}

.tiviva_info {z-index:6; position:relative; box-sizing:border-box; margin:0 auto;}
.tiviva_info .tiviva_inner {width:100%; box-sizing:border-box;}
.tiviva_info .item_sub_title {display:none;}
.tiviva_info .bg {position:absolute;}

.hash_tab {position:relative; display:block;margin-top:1.4rem;}
.hash_tab li {display:inline-block; position:relative;}
.hash_tab li + li {margin-left:25px;}
.hash_tab li a {font-weight:300; color:#888;}
.hash_tab li.active a {font-weight:700; color:#0178fe; border-bottom:1px solid #0178fe;}

.hash_item_wrap {/*position:relative;*/}
.hash_item {/*visibility:hidden;*/}
.hash_item:first-child {visibility:visible;}
.hash_item_img img {vertical-align:top;}
.hash_item_img picture {background:#000;}
.hash_item_img > .inner {width:100%; perspective:1600px;}
.hash_item_img picture img {transition:transform 500ms ease-in-out 900ms, opacity 100ms 900ms;}
.hash_item_img .info_img {opacity:0; position:absolute; top:0; left:0; transition:transform 500ms ease-in-out 900ms, opacity 100ms 900ms;}
.hash_item_img span {display:block;}

.tiviva_info.item1 {text-align:center;}
.tiviva_info.item1 .tiviva_inner {padding:85px 0 10px 0;}
.tiviva_info.item1 .hash_item_wrap {position:relative; perspective:1600px; width:100%;}
.tiviva_info.item1 .hash_item_wrap .hash_item + .hash_item {position:absolute; top:0; left:0; width:100%;transform:translate3d(0,0,-1000px); -ms-transform:translate3d(0,0,-1000px);}
.tiviva_info.item1 .hash_item_img {max-width:1160px; width:70%; margin:40px auto 0 auto; text-align:center;}
.tiviva_info.item1[data-page="1"] #tiviva_info1_1 {visibility:visible;opacity:1;transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transition:all 500ms cubic-bezier(.5,.2,.2,.96) 0ms;}
.tiviva_info.item1[data-page="1"] #tiviva_info1_2 {visibility:hidden;opacity:0;transform:translate3d(0,200px,-1000px);-ms-transform:translate3d(0,200px,-1000px);transition:all 500ms cubic-bezier(.5,.2,.2,.96) 0ms;}
.tiviva_info.item1[data-page="2"] #tiviva_info1_1 {visibility:hidden;opacity:0;transform:translate3d(0,-200px,-1000px);-ms-transform:translate3d(0,-200px,-1000px);transition:all 500ms cubic-bezier(.5,.2,.2,.96) 0ms;}
.tiviva_info.item1[data-page="2"] #tiviva_info1_2 {visibility:visible;opacity:1;transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transition:all 500ms cubic-bezier(.5,.2,.2,.96) 0ms;}
.tiviva_info.item1 .desc_list {max-width: 1160px; width:70%; margin:1rem auto 0 auto; text-align:right;}
.tiviva_info.item1.active[data-page="1"] #tiviva_info1_1 .info_img {opacity:1; transform:translate3d(3%,1.5%,237px); transition:transform 500ms cubic-bezier(.5,.2,.2,.96) 500ms, opacity 100ms 500ms;}
.tiviva_info.item1.active[data-page="1"] #tiviva_info1_2 .info_img {opacity:0; transform:translate3d(0,0,0); transition:transform 500ms cubic-bezier(.5,.2,.2,.96) 500ms, opacity 100ms 400ms;}
.tiviva_info.item1.active[data-page="2"] #tiviva_info1_1 .info_img {opacity:0; transform:translate3d(0,0,0); transition:transform 500ms cubic-bezier(.5,.2,.2,.96) 500ms, opacity 100ms 400ms;}
.tiviva_info.item1.active[data-page="2"] #tiviva_info1_2 .info_img {opacity:1; transform:translate3d(8.5%,-5%,237px); transition:transform 500ms cubic-bezier(.5,.2,.2,.96) 500ms, opacity 100ms 500ms;}
.tiviva_info.item1.active[data-page="1"] #tiviva_info1_1 picture img {opacity:0.7; transition:opacity 500ms 500ms;}
.tiviva_info.item1.active[data-page="2"] #tiviva_info1_2 picture img {opacity:0.7; transition:opacity 500ms 500ms;}
html>body .tiviva_info.item2 .hash_item_img{width:calc(100% - 550px)\9;}

.tiviva_info.item2 {max-width:1560px; width:100%; max-height:100vh; height:60vw;}
.tiviva_info.item2 .tiviva_inner {position:absolute; top:calc(50% + 35px); height:auto; padding-left:calc(100% - 470px); transform:translateY(-50%);-webkit-transform:translateY(-50%); -ms-transform:translateY(-50%);}
.tiviva_info.item2 .hash_item {}
.tiviva_info.item2 .hash_item_img {position:absolute; top:50%; left:0; max-width:1160px; width:calc(100% - 320px); margin:0; transform:translateY(-50%);-webkit-transform:translateY(-50%); -ms-transform:translateY(-50%);}
.tiviva_info.item2 .hash_item_img picture {transform-origin:0 0; -ms-transform-origin:0 0; transform:rotateY(26deg);-webkit-transform:rotateY(26deg); -ms-transform:rotateY(26deg);}
.tiviva_info.item2 .hash_item_img .info_img {transform-origin:0 0; -ms-transform-origin:0 0; transform:rotateY(26deg);-webkit-transform:rotateY(26deg); -ms-transform:rotateY(26deg);}
.tiviva_info.item2.active .hash_item_img .info_img {opacity:1; transform:rotateY(30deg) translate3d(1%,-5%,237px); transition:transform 500ms cubic-bezier(.5,.2,.2,.96) 0ms, opacity 100ms 0ms;}
.tiviva_info.item2.active .hash_item_img picture img {opacity:0.7;transition:opacity 500ms 0ms;}

.tiviva_info.item3 {max-width:1770px; width:100%; max-height:100vh; height:60vw;}
.tiviva_info.item3 .tiviva_inner {position:absolute; top:calc(50% + 35px); height:auto; padding-right:calc(100% - 480px); transform:translateY(-50%);-webkit-transform:translateY(-50%); -ms-transform:translateY(-50%);}
.tiviva_info.item3 .hash_item {}
.tiviva_info.item3 .hash_item_img {position:absolute; top:50%; right:0; max-width:1160px; width:calc(100% - 480px); margin:0; transform:translateY(-50%);-webkit-transform:translateY(-50%); -ms-transform:translateY(-50%);}
.tiviva_info.item3 #tiviva_info3_2 picture,
.tiviva_info.item3 #tiviva_info3_3 picture {display:none;}
.tiviva_info.item3 #tiviva_info3_2 .info_img,
.tiviva_info.item3 #tiviva_info3_3 .info_img {position:relative;transition:transform 500ms cubic-bezier(.5,.2,.2,.96) 0ms, opacity 100ms 0ms;}
.tiviva_info.item3 #tiviva_info3_2 .item_text > span,
.tiviva_info.item3 #tiviva_info3_3 .item_text > span {opacity:0;}
.tiviva_info.item3 .hash_item_wrap {height:7.12rem}
.tiviva_info.item3 .hash_item_wrap .item_text {position:absolute; display:block;}

.tiviva_info.item3[data-page="1"] #tiviva_info3_1 .item_text > span {visibility:visible;opacity:1;transform:translate3d(0,0,0);transition:all 500ms 0ms;}
.tiviva_info.item3[data-page="1"] #tiviva_info3_2 .item_text > span {visibility:hidden;opacity:0;transform:translate3d(0,0,-1000px);transition:all 500ms 0ms;}
.tiviva_info.item3[data-page="1"] #tiviva_info3_3 .item_text > span {visibility:hidden;opacity:0;transform:translate3d(0,0,-1000px);transition:all 500ms 0ms;}

.tiviva_info.item3[data-page="2"] #tiviva_info3_1 .item_text > span {visibility:hidden;opacity:0;transform:translate3d(0,0,-1000px);transition:all 500ms 0ms;}
.tiviva_info.item3[data-page="2"] #tiviva_info3_2 .item_text > span {visibility:visible;opacity:1;transform:translate3d(0,0,0);transition:all 500ms 0ms;}
.tiviva_info.item3[data-page="2"] #tiviva_info3_3 .item_text > span {visibility:hidden;opacity:0;transform:translate3d(0,0,-1000px);transition:all 500ms 0ms;}

.tiviva_info.item3[data-page="3"] #tiviva_info3_1 .item_text > span {visibility:hidden;opacity:0;transform:translate3d(0,0,-1000px);transition:all 500ms 0ms;}
.tiviva_info.item3[data-page="3"] #tiviva_info3_2 .item_text > span {visibility:hidden;opacity:0;transform:translate3d(0,0,-1000px);transition:all 500ms 0ms;}
.tiviva_info.item3[data-page="3"] #tiviva_info3_3 .item_text > span {visibility:visible;opacity:1;transform:translate3d(0,0,0);transition:all 500ms 0ms;}



.tiviva_info.item3.active[data-page="1"] .info_img.type1 {z-index:2; opacity:1; transform:translate3d(-10.3%,8%,267px); transition:transform 500ms cubic-bezier(.5,.2,.2,.96) 0ms, opacity 100ms 0ms;}
.tiviva_info.item3.active[data-page="1"] .info_img.type2 {opacity:0; transform:translate3d(0,0,0); transition:transform 500ms cubic-bezier(.5,.2,.2,.96) 0ms, opacity 100ms 400ms;}
.tiviva_info.item3.active[data-page="1"] .info_img.type3 {opacity:0; transform:translate3d(0,0,0); transition:transform 500ms cubic-bezier(.5,.2,.2,.96) 0ms, opacity 100ms 400ms;}

.tiviva_info.item3.active[data-page="2"] .info_img.type1 {opacity:0; transform:translate3d(0,0,0); transition:transform 500ms cubic-bezier(.5,.2,.2,.96) 0ms, opacity 100ms 400ms;}
.tiviva_info.item3.active[data-page="2"] .info_img.type2 {z-index:2; opacity:1; transform:translate3d(2%,-11%,267px); transition:transform 500ms cubic-bezier(.5,.2,.2,.96) 0ms, opacity 100ms 0ms;}
.tiviva_info.item3.active[data-page="2"] .info_img.type3 {opacity:0; transform:translate3d(0,0,0); transition:transform 500ms cubic-bezier(.5,.2,.2,.96) 0ms, opacity 100ms 400ms;}

.tiviva_info.item3.active[data-page="3"] .info_img.type1 {opacity:0; transform:translate3d(0,0,0); transition:transform 500ms cubic-bezier(.5,.2,.2,.96) 0ms, opacity 100ms 400ms;}
.tiviva_info.item3.active[data-page="3"] .info_img.type2 {opacity:0; transform:translate3d(0,0,0); transition:transform 500ms cubic-bezier(.5,.2,.2,.96) 0ms, opacity 100ms 400ms;}
.tiviva_info.item3.active[data-page="3"] .info_img.type3 {z-index:2; opacity:1; transform:translate3d(12%,2%,267px); transition:transform 500ms cubic-bezier(.5,.2,.2,.96) 0ms, opacity 100ms 0ms;}


.tiviva_info.item3.active picture img {opacity:0.5;transition:opacity 500ms 0ms;}
.tiviva_info.item3 .btn_area {position:absolute; top:50%; right:0; width:calc(100% - 480px); height:0px; max-width: 1160px;}
.tiviva_info.item3 .btn_facebook {position:absolute; top:50%; left:calc(32% + 30px); margin-top:30%; line-height:40px; padding-left:50px;}
.tiviva_info.item3 .btn_facebook:after {content:''; position:absolute; top:0; left:0; height:40px; width:40px; background:url('../img/ico_facebook.png') no-repeat; background-size:100% 100%;}




/*.square2 {z-index:5; position:absolute; perspective:1600px; transition:all 1100ms 0ms;}
.square2 > div {position:absolute; top:0; left:20px; right:20px; height:100vh; perspective:1600px;}
[data-page-set="1"] .square2 {top:50%; background:red; max-width: 1160px; width: 70%; margin:0 20px; text-align: center;}
[data-page-set="1"] .square2 > div {top:50%}*/





.uhd_info_wrap {padding:0 20px;}
.uhd_info {position:relative; box-sizing:border-box; margin:0 auto; width:100%; max-height:100vh; height:60vw;}
.uhd_info.item1 {z-index:4; position:relative; max-width:1400px;}
.uhd_info.item1 .uhd_info_inner {z-index:1; position:absolute; top:calc(50% + 35px); height:auto; width:100%; box-sizing:border-box; padding-left:calc(100% - 410px); transform:translateY(-50%);-webkit-transform:translateY(-50%); -ms-transform:translateY(-50%);}
.uhd_info.item1 .item_img {position:absolute; top:50%; left:0; max-width:1160px; width:calc(100% - 440px); margin:0; transform:translateY(-50%);-webkit-transform:translateY(-50%); -ms-transform:translateY(-50%);}
.uhd_info.item1 .item_img img {}
.uhd_info.item1 .item_img .inner {perspective:1600px; padding-top:100%;}
.uhd_info.item1 .item_img [class*="uhd_info"] {position:absolute; top:0;}
.uhd_info.item1 .item_img .uhd_info_img1 {top:9%; left:15%; width:66.35%;}
.uhd_info.item1 .item_img .uhd_info_img2 {top:0; left:0; width:100%;}
.uhd_info.item1 .item_img .uhd_info_img2 img {position:static;}
.uhd_info.item1 .item_img .uhd_info_img3 {top:11.7%; left:89.2%; width:7.9%;}
.uhd_info.item1 .item_img .uhd_info_img4 {top:59.3%; left:9.1%; width:10.8%;}
.uhd_info.item1 .item_img .uhd_info_img5 {top:50.7%; left:12%; width:77.5%;}
.uhd_info.item1 .item_img .line_wrap {position:absolute; top: 23%; left:37%; bottom:40%; right:18%; background:rgba(255,0,0,0);}
.uhd_info.item1 .item_img .line_wrap span {}
.uhd_info.item1 .item_img .line_wrap .line1 {position:absolute; top:0; right:0; width:0; height:1px; background:rgba(255,255,255,0.5); transform-origin:100% 0; transform:rotate(-17.1deg); transition:all 500ms ease 0s;}
.uhd_info.item1 .item_img .line_wrap .line2 {position:absolute; top:38%; left:0; width:0%; height:1px; background:rgba(255,255,255,0.5); transform-origin:0 0; transform:rotate(41.5deg); transition:all 500ms ease 0ms;}
.uhd_info.item1 .item_img .line_wrap .line3 {position:absolute; bottom:0; left:57%; width:0%; height:1px; background:rgba(255,255,255,0.5); transform-origin:0 100%; transform:rotate(-62.0deg); transition:all 500ms ease 0ms;}


.uhd_info.item1.active .item_img .line_wrap .line1 {width:104.5%;}
.uhd_info.item1.active .item_img .line_wrap .line2 {width:76.2%;}
.uhd_info.item1.active .item_img .line_wrap .line3 {width:91.5%;}


.uhd_info.item1 .bg {position:fixed; top:0; left:0; height:100%; width:100%; background:rgb(237,240,244);}
.uhd_info.item2 {z-index:10; display:table; width:100%; text-align:center; max-width:1680px;overflow:hidden;}
.uhd_info.item2 .uhd_info_inner {display:table-cell; padding:70px 66px; vertical-align:middle; /*position:absolute; top:calc(50% + 35px); left:50%; height:auto; width:100%; padding:0 100px; box-sizing:border-box; transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%);*/}
.uhd_info.item2 .uhd_info_list {margin-top:6.5rem;}
.uhd_info.item2 .uhd_info_list:after {content:''; display:block; clear:both;}
.uhd_info.item2 .uhd_info_list li {float:left; width:calc((100% - 91px) / 6);}
.uhd_info.item2 .uhd_info_list li + li {margin-left:18px;}
.uhd_info.item2 .uhd_info_list li:nth-child(even) img {transform:translateY(50px);-webkit-transform:translateY(50px); -ms-transform:translateY(50px);}
.uhd_info.item2 .uhd_info_list li img {width:100%; vertical-align:top;}
.uhd_info.item2 .desc_list {z-index:1; position:absolute; bottom:20px; right:20px;}
.uhd_info.item3 {z-index:2; height:100vh;}
.uhd_info.item3 .uhd_info_inner {z-index:1; position:absolute; top:calc(50% + 35px); height:auto; width:100%; box-sizing:border-box; padding:0 calc(100% - 610px) 0 220px; transform:translateY(-50%);-webkit-transform:translateY(-50%); -ms-transform:translateY(-50%);}
.uhd_info.item3 .bg {position:fixed; top:0; left:0; opacity:0; height:100%; width:100%; background:url('../img/bg_uhd_info_1.jpg') no-repeat 50% 50%; background-size:cover;}
.uhd_info.item3 .item_title {color:#fff;}
.uhd_info.item3 .item_sub_title {color:#fff;}
.uhd_info.item3 .item_text {color:#fff;}
.uhd_info.item3 .desc_list {z-index:1; position:absolute; bottom:20px; right:20px; color:#222;}
.uhd_info.item3 .item_img {position:absolute; top:50%; right:180px; max-width:1160px; text-align:right; width:calc(100% - 810px); margin:0; transform:translateY(-50%);-webkit-transform:translateY(-50%); -ms-transform:translateY(-50%);}
.uhd_info.item3 .item_img video {width:100%;vertical-align:top;}
.uhd_info.item3 .item_img img {vertical-align:top;}
.event {z-index:10; position:relative; background:#fff;}
.event img {width:100%;vertical-align:top;}
.custormer {z-index:10; position:relative; padding:80px 20px 120px 20px; background:#fff;}
.custormer .item_title {text-align:center;}
.faq_list {position:relative; /*padding-bottom:30px;*/ max-width:1400px; overflow:hidden; margin:60px auto 0 auto; border-top:2px solid #000;}
.faq_list li {}
.faq_list li + li {border-top:1px solid #e2e2e2;}
.faq_list li a {position:relative; display:block; padding:34px 110px 34px 50px; font-size:1.222rem; line-height:1.8rem; color:#444; transition:all 500ms ease 0s;}
.faq_list li a:after {content:''; position:absolute; top:50%; right:45px; height:15px; width:15px; box-sizing:border-box; border:solid #8a8a8a; border-width:0 2px 2px 0; transform:translateY(-50%) rotate(45deg); -ms-transform:translateY(-50%) rotate(45deg); transition:all 500ms ease 0s;}
.faq_list li div {display:none; padding:34px 50px 34px 50px; line-height:1.7rem; font-weight:300; border-top:1px solid #eee;}
.faq_list li div p + p {margin-top:20px;}
.faq_list li div .desc_list {font-size:14px; color:#888;}
.faq_list li.active a {color:#026ff1;}
.faq_list li.active a:after {border-color:#026ff1; transform:translateY(-50%) rotate(-135deg); -ms-transform:translateY(-50%) rotate(-135deg);}
.faq_list .paging {position:absolute; bottom:0; left:0; width:100%; text-align:center;}
.faq_list .paging .swiper-pagination-switch {display:inline-block; border-radius:5px; height:10px; width:10px; background:#c6c6c6;}
.faq_list .paging .swiper-pagination-switch + .swiper-pagination-switch {margin-left:15px;}
.faq_list .paging .swiper-active-switch {background:#222;}
.faq_list .swiper-wrapper {height:auto !important; overflow:hidden; }
.faq_list .swiper-wrapper:after {content:''; display:block; clear:both; }
.faq_list .swiper-slide {/*float:left; width:100%; height:1px !important*/}
.faq_list .swiper-slide-active {height:auto !important}
.call_center {display:table; max-width:1400px; margin:30px auto 0 auto; padding:40px 60px 40px 80px; color:#222; box-sizing:border-box; border:1px solid #e2e2e2; background:#fbfcfd;}
.call_center dt {display:table-cell; width:14rem; box-sizing:border-box; vertical-align:middle; font-size:1.222rem; line-height:2rem;}
.call_center dd {display:table-cell; width:calc(100% - 14rem); vertical-align:middle; line-height:2rem;}
.call_center dd ul:after {content:''; display:block; clear:both;}
.call_center dd li {float:left; font-weight:300; margin-right:20px;}

.notice {z-index:10; position:relative; background:#edf0f4;}
.notice > .inner {display:table; padding:28px 20px; box-sizing:border-box; max-width:1400px; width:100%; margin:0 auto; }
.notice h2 {display:table-cell; vertical-align:middle; font-size:1.5rem; line-height:3rem; font-weight:700; width:120px;}
.notice .notice_link {display:table-cell; vertical-align:middle; width:calc(100% -  120px); box-sizing:border-box; line-height:1.4rem; text-align:center;}
.notice .notice_link > span {position:relative; display:block; padding-right:80px; }
.notice .notice_link .title {text-align:center; font-size:1.222rem;  color:#000;}
.notice .notice_link .date {display:inline-block; margin-left:10px; font-size:1rem; color:#666; font-weight:300;}
.notice .notice_link .ico {position:absolute; top:50%; right:7px; height:36px; width:36px; border-radius:50%; text-indent:-9999px; background:#026ff1; transform:translateY(-50%); -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%);}
.notice .notice_link .ico:after {transform:rotate(90deg); -ms-transform:rotate(90deg);}
.notice .notice_link .ico:after,
.notice .notice_link .ico:before {content:''; position:absolute; top:50%; left:50%; height:2px; width:12px; margin:-1px 0 0 -6px; background:#fff; transform-origin:50% 50%; -webkit-transform-origin:50% 50%; -ms-transform-origin:50% 50%; transition:all 200ms ease 0s;}
.notice .text {display:none; padding:28px 20px; box-sizing:border-box; max-width:1400px; width:100%; margin:0 auto; font-weight:300; color:#222; border-top:1px solid #e2e2e2;}
.notice .notice_link.active .ico:after,
.notice .notice_link.active .ico:before {transform:rotate(180deg); -ms-transform:rotate(180deg);}

.btn_top {z-index:15; position:fixed; bottom:2vw; right:2vw; text-indent:-9999px; height:4.5vw; width:4.5vw; border-radius:43px; background:#828282; opacity:0;}
.btn_top:after {content:''; position:absolute; top:50%; left:50%; max-height:24px; max-width:19px; height:40%; width:40%; background:url('../img/btn_top.png') no-repeat 50% 50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); background-size:auto 100%;}

#square {position:absolute; top:50%; left:50%; z-index:5; height:500px; width:500px; perspective: 1600px;}
#square div {position:absolute; top:0; left:0; height:100%; width:100%;}

@media all and (max-width:1500px){
	html{font-size:14px;}
	.tiviva_info.item2 .tiviva_inner {padding-left:calc(100% - 335px);}
	.tiviva_info.item2 .hash_item_img {width:calc(100% - 265px);}
	html>body .tiviva_info.item2 .hash_item_img{width:calc(100% - 365px)\9;}
	.tiviva_info.item3 .tiviva_inner {padding-right:calc(100% - 410px);}
	.tiviva_info.item3 .hash_item_img {width:calc(100% - 410px);}
	.tiviva_info.item3 .btn_area {width:calc(100% - 410px); }
	.uhd_info.item1 .uhd_info_inner {padding-left:calc(100% - 410px);}
	.uhd_info.item1 .item_img {left:100px; width:calc(100% - 600px);}
	.uhd_info.item3 .uhd_info_inner {padding:0 calc(100% - 610px) 0 100px;}
	.uhd_info.item3 .item_img {right:100px; max-width:1160px; width:calc(100% - 500px);}
	.call_center {padding:30px 20px 30px 40px;}
	.call_center dt {width:15rem;}
	.call_center dd {width:calc(100% - 15rem);}
	.call_center dd li {margin-right:10px;}
}

@media all and (max-width:1024px){
	html{font-size:12px;}
	.tiviva_info.item2 .tiviva_inner {padding-left:calc(100% - 275px);}
	.tiviva_info.item2 .hash_item_img {width:calc(100% - 235px);}
	html>body .tiviva_info.item2 .hash_item_img{width:calc(100% - 305px)\9;}
	.tiviva_info.item3 .tiviva_inner {padding-right:calc(100% - 320px);}
	.tiviva_info.item3 .hash_item_img {width:calc(100% - 320px);}
	.tiviva_info.item3 .btn_area {width:calc(100% - 320px); }
	.uhd_info.item1 .uhd_info_inner {padding-left:calc(100% - 300px);}
	.uhd_info.item1 .item_img {left:50px; width:calc(100% - 400px);}
	.custormer {padding:60px 20px 80px 20px; background:#fff;}
	.faq_list {margin-top:40px;}
	.faq_list li a {padding:27px 80px 27px 30px}
	.faq_list li a:after {right:35px; height:10px; width:10px;}
}

@media all and (max-width:800px){
	.header {height:auto; border-bottom:1px solid rgba(200,200,200,0); transition:border 500ms ease-in-out 0ms;}
	.header > .inner {margin:0 auto; padding:46px 0 0 0;}
	.header h1.logo a {padding:15px; width:60px;}
	.header .sns {top:5px; right:5px;}
	.header .sns li a {height:36px; width:36px;}
	.header .sns li .sns_twitter {background-position-x:-36px;}
	.header .sns li .sns_kakaotalk {background-position-x:-72px;}
	.header .nav {opacity:0; border-top:1px solid rgba(200,200,200,0); transition:border 500ms ease-in-out 0ms;}
	.header .nav ul {display:block;}
	.header .nav ul li {width:25%;}
	.header .nav ul li a {height:46px; padding:0; line-height:46px; color:#999;}
	.header .nav ul li a.active {color:#222; font-weight:700;}
	.header.active {border-bottom:1px solid rgba(200,200,200,0.4);}
	.header.active .nav {opacity:1; border-top:1px solid rgba(200,200,200,0.4) !important;}
	.header.active .nav ul a {color:#999;}

	.item_text > span .desc {font-size:11px}

	.m_br {display:inline;}
	.pc_br {display:none;}

	.key_video p{font-size:20px;line-height:31px;}
	.key_video .btn_muted {display:none;}
	.key_video .btn_download {display:none;}

	.tiviva_info_wrap {padding:0; text-align:center;}
	.hash_item {display:table !important; width:100%; margin-top:30px;}
	.hash_tab {display:none;}
	.tiviva_info .item_sub_title {display:table-row-group;}
	.tiviva_info .item_sub_title > span {display:inline-block; padding-top:1.4rem; border-bottom:1px solid #0178fe;}
	.tiviva_info .item_text {display:table-row-group;}
	.tiviva_info .item_text > span {display:block; padding-top:0.7rem;}

	.hash_item_img picture {background:transparent;}
	.hash_item_img {display:table-header-group;}
	.hash_item_img img {width:100%;}
	.hash_item_img .info_img {display:none; opacity:0; position:absolute; top:0; left:0; transition:all 500ms ease-in-out 0ms;}
	.hash_item_img picture img {opacity:1 !important;}

	.tiviva_info + .tiviva_info {margin-top:70px;}
	.tiviva_info.item1 .tiviva_inner {padding:60px 0 0 0;}
	.tiviva_info.item1 .hash_item {visibility:visible !important; opacity:1 !important; transform:none !important; position:relative !important;}
	.tiviva_info.item1 .desc_list {text-align:center; width:auto;}
	.tiviva_info.item2 {max-height:none; height:auto;}
	.tiviva_info.item2 .tiviva_inner {position:static; padding:0 0 0 0;transform:translateY(0);-webkit-transform:translateY(0); -ms-transform:translateY(0); }
	.tiviva_info.item2 .hash_item_img {position:static; width:100%; transform:translateY(0);-webkit-transform:translateY(0); -ms-transform:translateY(0);}
	.tiviva_info.item2 .hash_item_img picture {transform:rotateY(0);-webkit-transform:rotateY(0); -ms-transform:rotateY(0);}

	.tiviva_info.item3 {max-height:none; height:auto;}
	.tiviva_info.item3 .tiviva_inner {position:static; padding:0 0 0 0;transform:translateY(0);-webkit-transform:translateY(0); -ms-transform:translateY(0); }
	.tiviva_info.item3 .hash_item_img {position:static; width:100%; transform:translateY(0);-webkit-transform:translateY(0); -ms-transform:translateY(0);}
	.tiviva_info.item3 .hash_item_img img {transform:rotateY(0);-webkit-transform:rotateY(0); -ms-transform:rotateY(0);}
	.tiviva_info.item3 .hash_item_wrap .item_text {position:static}
	.tiviva_info.item3 .hash_item_wrap .item_text > span {visibility:visible !important; opacity:1 !important;}
	.tiviva_info.item3 #tiviva_info3_2 picture,
	.tiviva_info.item3 #tiviva_info3_3 picture {display:block;}
	.tiviva_info.item3 .hash_item_wrap {height:auto;}
	.tiviva_info.item3 .btn_area {position:relative; top:auto; right:auto; width:auto; height:auto;}
	.tiviva_info.item3 .btn_facebook {position:relative; top:auto; right:auto; width:auto; left:auto; display:inline-block; margin-top:15px; padding-left:25px; line-height:18px;}
	.tiviva_info.item3 .btn_facebook:after {content:''; position:absolute; top:0; left:0; height:18px; width:18px; background:url('../img/ico_facebook.png') no-repeat; background-size:18px 18px;}
	#square {display:none;}
	.uhd_info_wrap {padding:0; text-align:center;}
	.uhd_info {margin-top:50px; padding:0 10px; max-height:none; height:auto;}
	.uhd_info.item1 {}
	.uhd_info.item1 .uhd_info_inner {position:relative; top:0; left:0;padding:40px 0 0 0;transform:translateY(0);-webkit-transform:translateY(0); -ms-transform:translateY(0);}
	.uhd_info.item1 .item_img {position:static; width:100%; max-width:600px; margin:0 auto; transform:translateY(0);-webkit-transform:translateY(0); -ms-transform:translateY(0);}
	.uhd_info.item1 .item_img img {}
	.uhd_info.item2 {margin-top:0;}
	.uhd_info.item2 .uhd_info_inner {position:relative; top:0; left:0; padding:100px 0 0 0;transform:translateY(0);-webkit-transform:translateY(0); -ms-transform:translateY(0);}
	.uhd_info.item2 .uhd_info_list {max-width:500px; margin:40px auto 0 auto; padding:0 0px 50px 0px;}
	.uhd_info.item2 .uhd_info_list li {float:left; width:calc((100% - 30px) / 3); margin-left:15px;}
	.uhd_info.item2 .uhd_info_list li + li {margin-left:15px;}
	.uhd_info.item2 .uhd_info_list li:nth-child(even) {margin-top:0;}
	.uhd_info.item2 .uhd_info_list li:nth-child(3n + 1) {margin-left:0;}
	.uhd_info.item2 .uhd_info_list li:nth-child(n+4) {margin-top:20px;}
	.uhd_info.item2 .uhd_info_list li img {width:100%; vertical-align:top;}
	.uhd_info.item2 .uhd_info_list li:nth-child(even) img {transform:translateY(0px);-webkit-transform:translateY(0px); -ms-transform:translateY(0px);}
	.uhd_info.item2 .desc_list {position:static;}
	.uhd_info.item3 {height:auto;}
	.uhd_info.item3 .uhd_info_inner {position:relative; top:0;left:0; padding:100px 0 0 0;transform:translateY(0);-webkit-transform:translateY(0); -ms-transform:translateY(0);}
	.uhd_info.item3 .item_img {position:static; margin-top:20px; width:100%; transform:translateY(0);-webkit-transform:translateY(0); -ms-transform:translateY(0);}
	.uhd_info.item3 .item_img img {}
	.uhd_info.item3 .desc_list {position:relative; padding-bottom:50px; bottom:auto; right:auto;}
	.custormer {padding:40px 15px 60px 15px; background:#fff;}
	.faq_list {margin-top:30px;}
	.faq_list li a {padding:10px 40px 10px 15px}
	.faq_list li a:after {right:15px; height:8px; width:8px; border-width:0 1px 1px 0;}
	.faq_list li div {padding:14px 20px;}
	.faq_list .paging .swiper-pagination-switch {height:6px; width:6px; border-radius:3px;}
	.faq_list .paging .swiper-pagination-switch + .swiper-pagination-switch {margin-left:10px;}

	.notice {z-index:10; position:relative; background:#edf0f4;}
	.notice > .inner {padding:18px 20px;}
	.notice h2 {width:100px;}
	.notice .notice_link {width:calc(100% -  100px); text-align:left;}
	.notice .notice_link .date {display:block; margin:5px 0 0 0;}
	.notice .text {padding:18px 20px;}

	.call_center {display:block; max-width:1400px; margin:30px auto 0 auto; padding:20px 15px; color:#222; box-sizing:border-box; border:1px solid #e2e2e2; background:#fbfcfd;}
	.call_center dt {display:block; width:auto; padding-bottom:10px; border-bottom:1px solid #e2e2e2;}
	.call_center dd {display:block; width:auto; padding-top:10px;}
	.call_center dd li {float:none;}
	.btn_top {display:none;}
}

@media all and (max-width:450px){
	.uhd_info.item2 .uhd_info_list {padding:0 10px 50px 10px;}
	.uhd_info.item2 .uhd_info_list li {float:left; width:calc((100% - 15px) / 2);}
	.uhd_info.item2 .uhd_info_list li + li {margin-left:0;}
	.uhd_info.item2 .uhd_info_list li:nth-child(2n) {margin-left:15px; transform:translateY(50px);}
	.uhd_info.item2 .uhd_info_list li:nth-child(n+3) {margin-top:20px;}
	.uhd_info.item2 .uhd_info_list li:nth-child(even) img {transform:translateY(50px);-webkit-transform:translateY(50px); -ms-transform:translateY(50px);}
	.uhd_info.item2 .uhd_info_list li img {width:100%; vertical-align:top;}
}