@charset "utf-8";

@font-face {
	font-family: 'LGSmartLight';
	font-style: normal;
	font-weight: 300;
	src: url("fonts/LGSmartLight__W.eot");
	src: url("fonts/LGSmartLight__W.woff") format("woff"),
	url("fonts/LGSmartLight__W.ttf") format("truetype");
}

@font-face {
	font-family: 'LGSmartRegular';
	font-style: normal;
	font-weight: 400;
	src: url("fonts/LGSmartRegular__W.eot");
	src: url("fonts/LGSmartRegular__W.woff") format("woff"),
	url("fonts/LGSmartRegular__W.ttf") format("truetype");
}

@font-face {
	font-family: 'LGSmartSemiBold';
	font-style: normal;
	font-weight: 700;
	src: url("fonts/LGSmartSemiBold.eot");
	src: url("fonts/LGSmartSemiBold.woff") format("woff"),
	url("fonts/LGSmartSemiBold.ttf") format("truetype");
}

@font-face {
	font-family: 'LGSmartBold';
	font-style: normal;
	font-weight: 800;
	src: url("fonts/LGSmartBold.eot");
	src: url("fonts/LGSmartBold.woff") format("woff"),
	url("fonts/LGSmartBold.ttf") format("truetype");
}

@font-face {
	font-family: 'GothamLight';
	font-style: normal;
	font-weight: 100;
	src: url("fonts/GothamLight.eot");
	src: url("fonts/GothamLight.woff") format("woff"),
	url("fonts/GothamLight.ttf") format("truetype");
}

@font-face {
	font-family: 'GothamThin';
	font-style: normal;
	font-weight: 100;
	src: url("fonts/Gotham-Thin.eot");
	src: url("fonts/Gotham-Thin.woff") format("woff"),
	url("fonts/Gotham-Thin.ttf") format("truetype");
}

@font-face {
	font-family: 'GothamBold';
	font-style: normal;
	font-weight: 300;
	src: url("fonts/GothamBold.eot");
	src: url("fonts/GothamBold.woff") format("woff"),
	url("fonts/GothamBold.ttf") format("truetype");
}

@font-face {
	font-family: 'Gotham-Medium';
	font-style: normal;
	font-weight: 400;
	src: url("fonts/Gotham-Medium.eot");
	src: url("fonts/Gotham-Medium.woff") format("woff"),
	url("fonts/Gotham-Medium.ttf") format("truetype");
}

@font-face {
	font-family: 'Gotham-Book';
	font-weight: normal;
	font-style: normal;
	src: url("fonts/Gotham-Book.eot");
	src: url("fonts/Gotham-Book.woff") format("woff"),
	url("fonts/Gotham-Book.ttf") format("truetype");
}

@font-face {
	font-family: 'GothamBlack';
	font-weight: normal;
	font-style: normal;
	src: url("fonts/GothamBlack.eot");
	src: url("fonts/GothamBlack.woff") format("woff"),
	url("fonts/GothamBlack.ttf") format("truetype");
}

@font-face {
	font-family: 'LatoSemibold';
	font-style: normal;
	font-weight: 600;
	src: url("fonts/Lato-Semibold.eot");
	src: url("fonts/Lato-Semibold.woff") format("woff"),
	url("fonts/Lato-Semibold.ttf") format("truetype");
}

/* --------------------------------
BASE RESET
------------------------------- */
*, *::after, *::before {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
html, body {height:100%;}
html{height:100%; font-size:62.5%;-webkit-text-size-adjust:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
body{font-size:1.8rem; font-size:18px; font-family:'LGSmartRegular'; font-weight:400; line-height:1; color:#111;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, blockquote, th, td, p, button{margin:0;padding:0;}
fieldset, img{border:0 none;}
img{display:block; width:100%; height:auto; vertical-align:middle;}
legend, caption, label{position:absolute;height:0;line-height:0;font-size:0;overflow:hidden;}
input, textarea, button, select{vertical-align:middle;}
address, cite, code, dfn, em, var{font-style:normal;font-weight:normal;}
h1, h2, h3, h4, h5, h6{font-weight:normal;font-size:100%;}
table{/* width:100%; */border-collapse:collapse;border-spacing:0;}
option{vertical-align:middle;padding:3px 0;}
hr{display:none;clear:both;}
ul, ol, li{list-style:none;}
a{color:#111; text-decoration:none; cursor:pointer; }
a:hover, a:active, a:focus{text-decoration:none;}
button{border:0 none;background-color:transparent;cursor:pointer;}
header, footer, article, section, aside, details, figcaption, figure, hgroup, menu, nav, time{display:block;margin:0;padding:0;}
audio[controls], canvas, video{display:inline-block;*display:inline;*zoom:1;}
.container:after,
.clearfix:after{content:"";clear:both;display:block;height:0;visibility:hidden;}
.float-left{float:left;}
.float-right{float:right;}
.float-none{float:none;clear:both;}
.disabled{pointer-events:none;cursor:default;}
.hide{font-size:0;height:0;text-indent:100%;white-space:nowrap;overflow:hidden;}
.text-center{text-align:center !important;}
.text-left{text-align:left !important;}
.text-right{text-align:right !important;}
.overflow-hidden, .noscroll {height:100%; overflow:hidden !important; -webkit-overflow-scrolling:none !important; }
#size-test {display:none !important; background: #fff; border: 1px solid #111; padding: 20px;}
main {display:block; max-width:1920px; margin:0 auto; }
b {/*font-family:'GothamBold'*/font-family:'Roboto';font-weight: bold;letter-spacing:-0.05em;}


.swiper-container .swiper-wrapper{height: auto;}

/* --------------------------------
	HEADER
------------------------------- */
.main-header-wrap{position:fixed;top:0;left:0;z-index: 1100;height:37px;width:100%;}
.main-header {margin: auto; max-width:1920px; height:100%; background: transparent; -webkit-transform:translateZ(0); transform:translateZ(0); will-change:transform; -webkit-transition:-webkit-transform .5s; transition:-webkit-transform .5s; transition:transform .5s; transition:transform .5s, -webkit-transform .5s;
	-webkit-transition: background-color .2s linear;
	-moz-transition: background-color .2s linear;
	-o-transition: background-color .2s linear;
	-ms-transition: background-color .2s linear;
	transition: background-color .2s linear;
}
.main-header::after {display:block; clear:both; content:""; }
.main-header.is-hidden {-webkit-transform:translateY(-100%); -ms-transform:translateY(-100%); transform:translateY(-100%); }
.main-header .bar {display:inline-block;float:right;height:100%;}
/* TRIGGER */
.main-header .trigger {position:absolute;top: 5px;left:20px;bottom:auto;z-index:100;}
.main-header .trigger {width:27px;height:auto;padding:5px;}
.main-header .trigger em,
.main-header .trigger em::after, .main-header .trigger em::before {display:block; position:relative; width:25px; height:3px; background:#fff; -webkit-backface-visibility:hidden; backface-visibility:hidden; }
.main-header .trigger em {margin:16px auto 14px;}
.main-header .trigger em::before,
.main-header .trigger em::after {position:absolute; left:0; content:""; -webkit-transition:-webkit-transform .2s; transition:-webkit-transform .2s; transition:transform .2s; transition:transform .2s, -webkit-transform .2s; }
.main-header .trigger em::before {-webkit-transform:translateY(-9px); -ms-transform:translateY(-9px); transform:translateY(-9px); }
.main-header .trigger em::after {-webkit-transform:translateY(9px); -ms-transform:translateY(9px); transform:translateY(9px); }
.main-header.open .trigger em {background:rgba(255, 255, 255, 0); }
.main-header.open .trigger em::before {-webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg); }
.main-header.open .trigger em::after {-webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); }
/* LOGO */
.main-header .logo {position:absolute;top: 10px;left:50%;bottom:auto;width:150px;margin-left:-75px;}
.main-header .logo a,
.main-header .logo img {display:block; }
/* WHERE TO BUY */
/*.main-header .wtb {position:absolute;top: 7px;right:20px;}
.main-header .wtb a {display:inline-block; font-family:'LGSmartBold';vertical-align: middle}
.main-header .wtb a img {display:inline-block; width:26px; height:21px; }
.main-header .wtb span {display:none; font-family:'Roboto';font-size:16px;}*/
.main-header .wtb {position:absolute; top: 50%; transform:translateY(-50%); right:20px;  background: #a50034; -webkit-border-radius: 6px;border-radius: 6px;}
.main-header .wtb a {display:block; color: #FFF; font-size: 12px;padding: 5px; font-family:'Roboto';-webkit-border-radius: 5px;border-radius: 5px;}
.main-header .wtb a:hover {background: #d80546; -webkit-border-radius: 5px;border-radius: 5px;}
.main-header .wtb a img {display:inline-block; width:16px; vertical-align:top; margin: 0; }
.main-header .wtb div {display: none;}
.main-header .white {display:block !important;}
.main-header .black {display:none !important;}
/*.main-header .wtb span {display:none;color:#fff;}*/
/*.main-header .wtb-ico {display:inline-block;vertical-align:middle;}*/
.main-header .close {display:none;position:absolute;top: 40%;right: 50px;z-index:1;width:1.563vw;max-width:30px;}

/* SCROLL */
.main-header.scroll {background: #fff; border-bottom:solid 1px #cacad2;
	-webkit-transition: background-color .2s linear;
	-moz-transition: background-color .2s linear;
	-o-transition: background-color .2s linear;
	-ms-transition: background-color .2s linear;
	transition: background-color .2s linear;
}
.main-header.scroll .trigger em,
.main-header.scroll .trigger em::after, .main-header.scroll .trigger em::before {background: #111;-webkit-transition:-webkit-transform .2s;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s, -webkit-transform .2s;}
.main-header.scroll .white {display:none !important;}
.main-header.scroll .black {display:block !important;}
/*.main-header.scroll .wtb span {color:#000;}*/

/* MENU OPEN */
body.navshow .main-header-wrap {height: auto;background:#fff;}
body.navshow .main-header {background:#fff;height: 120px;border-bottom:0 !important;}
body.navshow .main-header .bar {display:none;}
body.navshow .main-header .logo {width:200.5px; top:24px; left:24px; margin-left:0;}
body.navshow .main-header .logo .white{display:none !important}
body.navshow .main-header .logo .black{display:block !important;}
body.navshow .main-header .wtb {top:24px;right:62px;width:28.5px;height:24px;top: 20px; transform: none;}
body.navshow .main-header .wtb .white{display:none !important}
body.navshow .main-header .wtb .black{display:block !important;}
body.navshow .main-header .wtb span {color:#000 !important;/*font-family: 'Roboto'*/font-family:'Roboto';letter-spacing: -0.05em;}
body.navshow .main-header .wtb a {display:flex;width:100%;height:100%;}
body.navshow .main-header .wtb-ico {display:block;}
/*body.navshow .main-header .wtb a img {width:100%; height:auto;}*/
body.navshow .main-header .close {display:block;top: 20px;right:15px;width:21px;height:21px;max-width:initial;}

body.navshow .main-header .logo,
body.navshow .main-header .wtb {display:none;}

/*
body.navshow .main-header .logo {top:60px; left:60px; margin-left:0;}
body.navshow .main-header .logo .white{display:none !important}
body.navshow .main-header .logo .black{display:block !important;}
body.navshow .main-header .wtb {top: 40%;right:140px;}
body.navshow .main-header .wtb span {color:#000 !important;}
body.navshow .main-header .wtb .white{display:none !important}
body.navshow .main-header .wtb .black{display:block !important;}
body.navshow .main-header .close {display:block;}
*/


@media only screen and (min-width:768px) {
	.main-header {height:70px; }
	.main-header .trigger {top:25px;left:30px;width:25px;height:19px;margin:0;padding:0;}
	.main-header .logo {top: 22px;width:240px;margin-left:-120px;}
	.main-header .wtb {right:4%;}
	.main-header .wtb a img {width:25px;height:25px;}
	.main-header .wtb a {padding: 10px;}
	.main-header .wtb {margin-right:40px;}

	/*.headertop .button .wtb a img {width:40px; height:40px; }*/
	.headertop .button .wtb span {display:none; }

	body.navshow .main-header {height:120px;border-bottom: 1px solid #a3a3a3;}
	body.navshow .main-header .logo {width:401px; top:46px;}

	body.navshow .main-header .wtb {width:57px;height:48px;top: 37px;right:124px;}
	body.navshow .main-header .wtb a {display:flex;width:100%;height:100%;}
	body.navshow .main-header .wtb-ico {display:block;}
	/*body.navshow .main-header .wtb a img {width:100%; height:auto;}*/
	body.navshow .main-header .close {top: 26px;width:42px;height:42px;right:30px;max-width:initial;}
}
@media only screen and (min-width:1024px) {
	.main-header .trigger {left:70px;}
	.main-header .logo {top:22px; width:229px; margin-left:-135px; }
	.main-header .wtb span {display:inline-block; color:#fff; }
	.main-header .wtb a {display: flex; -webkit-align-items: center;align-items: center; -webkit-justify-content: flex-end; justify-content: flex-end;}
	.main-header .wtb a img {width:28px; height:28px; margin-right:8px;}
	.main-header .wtb span {display:inline-block; line-height:18px; font-weight:400; font-size: 14px; width: 160px;}
	.main-header .wtb div {display: block;}


	body.navshow .main-header {height: 120px;}
	body.navshow .main-header .logo {width:18.854vw; max-width:362px;}
	body.navshow .main-header .wtb {width:auto;top: 30px;}
	body.navshow .main-header .wtb-ico {max-width:33px;width: 2.719vw;display:inline-block;margin-right:.5vw;}
	body.navshow .main-header .close {max-width:30px;width: 2vw;width: 42px;height: 42px;top: 40px;}

	body.navshow .main-header .logo,
	body.navshow .main-header .wtb {display:block;}
}
@media only screen and (min-width:1280px) {
	.main-header .logo {top:18px; width:279px; margin-left:-155px; }
}
@media only screen and (min-width: 1680px) {
	.main-header {height:70px; }
	/*.main-header .trigger {top:15px; left:60px; }*/
	.main-header .logo {top:18px; width:337px; margin-left:-155px; }
	.main-header .wtb {top:19px; right:60px; }
	.main-header .wtb a img {width:33px; height:27px;vertical-align: middle}
}
@media only screen and (min-width:1920px) {
	/*.main-header .trigger {left:70px; }*/
	.main-header .wtb {right:70px; }
}

/* cookie */
.cookie {position:fixed;top:0;left:0;z-index: 1001;width:100%;height:50px;background:#666;color:#fff;font-size:12px;}
.cookie table {max-width:1920px; margin:0 auto; }
.cookie table td {height:50px; padding:0 60px 0 10px; vertical-align:middle; text-align:left; }
.cookie a {color:#fff; text-decoration:underline; }
.cookie .cookie_close {position:absolute; top:50%; right:20px; width:24px; transform:translateY(-50%); }
.cookie + .main-header-wrap {top:50px; }

@media only screen and (min-width:768px) {
	.cookie {font-size:14px; }
}
@media only screen and (min-width:1024px) {
	.cookie table td {height:50px; padding:0 20px 0 20px; text-align:center; }
}
@media only screen and (min-width:1280px) {
}
@media only screen and (min-width:1680px) {
}
@media only screen and (min-width:1920px) {
}

/* --------------------------------
	MAIN NAV
------------------------------- */
.main-nav {position:fixed;z-index:-100;opacity:0;}
.navshow .main-nav {top:60px; left:0; z-index:10000; width:100%; height:calc(100% - 60px); background:#fff; opacity:1; }
.index.navshow .main-nav {top:60px; height:calc(100% - 60px); }
.navhide .main-nav {z-index:-100; opacity:0; }
.main-nav .bg {max-width:1920px;height:100%;margin:0 auto;padding-top:21px;background: #fff;}
.main-nav .bg .thumb {display:none; z-index:2;}
.main-nav .bg .menu {position:relative; height:100%; background:#fff; z-index:1;}
.main-nav .bg .menu .gnb {height:calc(100% - 50px); overflow-y:scroll; -webkit-overflow-scrolling:touch; padding-top:15px; }
.main-nav .bg .gnb li {margin-bottom:20px; }
.main-nav .bg .gnb li:nth-child(6) {/* margin-bottom: 50px; */}
.main-nav .bg .gnb li a {display:block; }
.main-nav .bg .gnb li a span {display:block; color:#a3a3a3; font-size:16px; font-weight:700; text-align:center; /*font-family:'GothamBold'*/font-family:'Roboto'; font-weight: bold; letter-spacing:-0.04em;}

.main-nav .bg .gnb li a span .a_italic{font-size:24px;}

.main-nav .bg .gnb li a span strong {display:none; font-weight:700; }

.main-nav .bg .gnb li a.link7 span {height: 16px;}

.main-nav .bg .gnb li.active a span {color:#de0046; }

.main-nav .bg .gnb li.active a.link7 span {height: 16px;}

.main-nav .menu .smenubox {position:absolute; bottom:0; left:0; z-index:10003; width:100%; background:none; }
.main-nav .menu .smenu:after {content:""; clear:both; display:block; height:0; visibility:hidden; }
.main-nav .menu .smenu {display: flex; -webkit-align-items: center;align-items: center;min-height: 50px;}
.main-nav .menu .smenu li {position:relative; float:left; width:50%; }
.main-nav .menu .smenu li:last-child {border-right:0; }
.main-nav .menu .smenu li a {display:block;/*height:50px;line-height:50px;*/color:#a3a3a3;font-size:14px;font-weight:400;text-align:center;/* text-transform:uppercase; *//*font-family: 'Roboto';*/ font-family:'Roboto';}
.main-nav .menu .smenu li a span {display:inline-block; width:6px; height:10px; margin-left:10px; }
.main-nav .bg .thumb .view8 h2{line-height:0.9;}

.navshow main.contents:before {content:' ';position:fixed;top:0;left:0;right:0;bottom:0;background: rgba(0, 0, 0, 0.75);z-index:1000;}

@media only screen and (min-width: 768px) {
	.navshow .main-nav {top: 120px;height:calc(100% - 120px);}
	.index.navshow .main-nav {top: 120px;height:calc(100% - 160px);}
	.main-nav .bg {position:relative; max-width:1920px; height:100%; margin:0 auto; padding-top:21px; }
	.main-nav .bg .thumb {display:none; }
	.main-nav .bg .menu .gnb {height: calc(100% - 120px);padding-top: 0;padding-bottom: 10%;}
	.main-nav .bg .gnb li {margin-bottom: 40px;}
	.main-nav .bg .gnb li a span {font-size:40px; }
	.main-nav .bg .gnb li a span .a_italic{font-size:50px;}

	.main-nav .bg .gnb li a.link7 span {height: 40px;}
	.main-nav .bg .gnb li.active a.link7 span {height: 40px;}

	.main-nav .menu .smenu li a {height:60px; line-height:60px; font-size:18px; }
	/*.main-nav .bg .gnb li:nth-child(6) {margin-bottom:110px;}*/
}
@media only screen and (min-width: 1024px) {
	.navshow .main-nav {top: 120px;height: 100%;}
	.index.navshow .main-nav {top:120px; height:calc(100% - 120px); }
	.index.change.navshow .main-nav {top:70px; height:calc(100% - 70px); }
	.main-nav .bg {position:relative;max-width:1920px;height: auto;margin:0 auto;padding-top: 0;}
	.main-nav .bg:after{content:"";clear:both;display:block;height:0;visibility:hidden; }
	.main-nav .bg .thumb {display:block;/* float:left; */position:relative;width:60%;height:100%;}
	.main-nav .bg .thumb div {/* display:none; */position:absolute;top:0;left:0;z-index:5;width:100%;-webkit-animation: fadein .2s;-moz-animation: fadein .2s;-ms-animation: fadein .2s;-o-animation: fadein .2s;animation: fadein .2s;}
	.main-nav .bg .thumb div.show {display:block; z-index:11; }
	.main-nav .bg .thumb div.active {display:block; z-index:10; }
	.main-nav .bg .thumb h2 {position:absolute; bottom:37px; left:32px; width:100%; color:#fff; line-height:1.2; }

	.main-nav .bg .thumb .view4 h2 img {width:317px; margin:0 auto; }
	.main-nav .bg .thumb .view9 h2 img {width:224px; }
	.main-nav .bg .thumb .view10 h2 {color:#000; }

	.main-nav .bg .thumb h2 sup {font-size:16px; }
	.main-nav .bg .thumb .a_italic{font-size:38px;}
	.main-nav .bg .menu {/* float:right; */width:40%;width: auto;height: 100%;position: absolute;left: 60%;top: 5%;}

	.main-nav .bg .menu .gnb {padding-top: 0;height:calc(100% - 40px);overflow-y:visible;-webkit-overflow-scrolling:touch;}
	.main-nav .bg .gnb li {position:relative; margin-bottom:21px; padding-left:53px; }

	.main-nav .bg .gnb li a {width:100%; }
	.main-nav .bg .gnb li a span {font-size:16px; text-align:left; }
	.main-nav .bg .gnb li a span strong {display:block; }
	.main-nav .bg .gnb li a span:hover:before,
	.main-nav .bg .gnb li.active a span:before {position:absolute; top:50%; left:-37px; z-index:100; content:""; width:37px; height:1px; background:#fff; }
	.main-nav .bg .gnb li a span:hover:after,
	.main-nav .bg .gnb li.active a span:after {position:absolute; top:50%; left:0px; z-index:100; content:""; width:37px; height:1px; background:#000; }

	.main-nav .bg .gnb li a:hover span,
	.main-nav .bg .gnb li.active a:hover span {color:#de0046; }

	.main-nav .menu .smenubox {left:53px;bottom: 0px;}
	.main-nav .menu .smenu li {float:left; width:auto; padding-right:20px; }
	.main-nav .menu .smenu li a {height:16px; line-height:16px; font-size:13px; }
	.main-nav .menu .smenu li a:hover {color:#000; }
	.main-nav .menu .smenu li a span {width:6px; height:10px; margin-left:10px; }
	.main-nav .menu .smenu li:nth-child(1):after {position:absolute; top:0; right:0; content:""; width:1px; height:16px; background:#ccc; }
	.main-nav .menu .smenu li:nth-child(2) {padding-left:20px; }
	.main-nav .bg .gnb li a span > .a_italic{font-size:23px;}
	/*.main-nav .bg .gnb li:nth-child(6) {margin-bottom: 37px;}*/

	.main-nav .bg .gnb li a.link7 span {height: 20px;}
	.main-nav .bg .gnb li a.link7:hover span,
	.main-nav .bg .gnb li.active a.link7 span {}

	.cookie + .main-header-wrap + .main-nav {top:170px}
}
@media only screen and (min-width: 1280px) {
	.index.navshow .main-nav {top:120px; height:calc(100% - 120px); }
	.main-nav .bg {padding-top: 0;}
	.main-nav .bg .thumb {width:63%; }
	.main-nav .bg .thumb h2 {bottom:47px; left:40px; }

	.main-nav .bg .thumb .view4 h2 img {width:397px; }
	.main-nav .bg .thumb .view9 h2 img {width:280px; }

	.main-nav .bg .thumb h2 sup {font-size:20px; }
	.main-nav .bg .thumb .a_italic{font-size:48px;}
	.main-nav .bg .menu {width: auto;height: 100%;position: absolute;left: 63%;top: 2%;}

	.main-nav .bg .menu .gnb {padding-top: 0;height: 100%;}
	.main-nav .bg .gnb li {margin-bottom:23px; padding-left:66px; }

	.main-nav .bg .gnb li a span {font-size:20px; }
	.main-nav .bg .gnb li a span:hover:before,
	.main-nav .bg .gnb li.active a span:before {left:-46px; width:46px; }
	.main-nav .bg .gnb li a span:hover:after,
	.main-nav .bg .gnb li.active a span:after {left:0px; width:46px; }
	.main-nav .bg .gnb li a span > .a_italic{font-size:28px;}

	.main-nav .bg .gnb li a.link4 span {height:15px; background-size:212px 15px; }
	.main-nav .bg .gnb li a.link9 span {height:20px; background-size:246px 20px; }
	.main-nav .bg .gnb li a.link4:hover span,
	.main-nav .bg .gnb li.active a.link4 span {background-size:212px 15px; }
	.main-nav .bg .gnb li a.link9:hover span,
	.main-nav .bg .gnb li.active a.link9 span {background-size:246px 20px; }

	.main-nav .menu .smenubox {left:66px;bottom: 20px;}
	.main-nav .menu .smenu li {float:left; width:auto; padding-right:26px; }
	.main-nav .menu .smenu li a {height:10px; line-height:10px; font-size:14px; }
	.main-nav .menu .smenu li a span {width:6px; height:10px; }
	.main-nav .menu .smenu li:nth-child(2) {padding-left:26px; }

	.main-nav .bg .gnb li a.link7 span {height: 20px;}
	.main-nav .bg .gnb li a.link7:hover span,
	.main-nav .bg .gnb li.active a.link7 span {height: 20px;}
}
@media only screen and (min-width: 1680px) {
	.index.navshow .main-nav {top:120px; height:calc(100% - 120px); }
	.main-nav .bg {}
	.main-nav .bg .thumb {width: 66%;max-width: 62%;}
	.main-nav .bg .thumb h2 {bottom:61px; left:52px; }

	.main-nav .bg .thumb .view4 h2 img {width:521px; }
	.main-nav .bg .thumb .view9 h2 img {width:368px; }

	.main-nav .bg .thumb h2 sup {font-size:26px; }
	.main-nav .bg .menu {width: auto;height: 98%;position: absolute;left: 62%;top: 2%;}

	.main-nav .bg .menu .gnb {padding-top: 0;height:calc(100% - 50px);}
	.main-nav .bg .gnb li {margin-bottom:33px; padding-left:87px; }
	.main-nav .bg .gnb li a span {font-size: 28px;}

	.main-nav .bg .gnb li a span:hover:before,
	.main-nav .bg .gnb li.active a span:before {left:-61px; width:61px; }
	.main-nav .bg .gnb li a span:hover:after,
	.main-nav .bg .gnb li.active a span:after {left:0px; width:61px; }
	.main-nav .bg .gnb li a span > .a_italic{font-size:34px;}

	.main-nav .bg .gnb li a.link4 span {height:22px; background-size:274px 20px; }
	.main-nav .bg .gnb li a.link9 span {height:30px; background-size:333px 27px; }
	.main-nav .bg .gnb li a.link1:hover span,
	.main-nav .bg .gnb li a.link4:hover span,
	.main-nav .bg .gnb li.active a.link4 span {background-size:274px 20px; }
	.main-nav .bg .gnb li a.link9:hover span,
	.main-nav .bg .gnb li.active a.link9 span {background-size:333px 27px; }

	.main-nav .menu .smenubox {left:87px;bottom: 0;}
	.main-nav .menu .smenu li {float:left; width:auto; padding-right:35px; }
	.main-nav .menu .smenu li a {height:13px; line-height:13px; font-size:18px; }
	.main-nav .menu .smenu li a span {width:8px; height:13px; }
	.main-nav .menu .smenu li:nth-child(2) {padding-left:35px; }

	.main-nav .bg .gnb li a.link7 span {height: 23px;}
	.main-nav .bg .gnb li a.link7:hover span,
	.main-nav .bg .gnb li.active a.link7 span {height: 23px;}
}
@media only screen and (min-width: 1920px) {
	.index.navshow .main-nav {top:120px; height:calc(100% - 120px); }
	.main-nav .bg {padding-top: 0;padding-bottom: 25px;}

	.main-nav .bg .thumb h2 {bottom:70px; left:60px;}
	.main-nav .bg .thumb .view4 h2 img {width:596px;}
	.main-nav .bg .thumb .view9 h2 img {width:421px;}
	.main-nav .bg .thumb h2 sup {font-size:30px;}
	.main-nav .bg .menu .gnb {padding-top: 0;height: 100%;}
	.main-nav .bg .gnb li {margin-bottom:34px; padding-left:100px; }

	.main-nav .bg .menu {width: auto;height: 98%;position: absolute;left: 62%;top: 2%;}

	.main-nav .bg .thumb .a_italic{font-size:80px;}
	.main-nav .bg .gnb li a span:hover:before,
	.main-nav .bg .gnb li.active a span:before {left:-70px; width:70px; }
	.main-nav .bg .gnb li a span:hover:after,
	.main-nav .bg .gnb li.active a span:after {left:0px; width:70px; }
	.main-nav .menu .smenubox {left:100px;bottom: 30px;}
	.main-nav .menu .smenu li {padding-right:40px; }
	.main-nav .menu .smenu li a {height:16px; line-height:16px; font-size:21px; }
	.main-nav .menu .smenu li a span {width:10px; height:16px; }
	.main-nav .menu .smenu li:nth-child(2) {padding-left:40px; }

	.main-nav .bg .gnb li a.link7 span {height: 23px;}
	.main-nav .bg .gnb li a.link7:hover span,
	.main-nav .bg .gnb li.active a.link7 span {height:23px;}
}

.main-nav .bg .thumb .texts {/*font-family:'GothamBold'*/ font-family:'Roboto'; font-weight: bold;font-size:2.813vw;position:absolute;top: 80%;left: 5%;color: #FFF;}
.main-nav .bg .thumb .texts.black {color:#000;}
.main-nav .bg .thumb div.active {position:relative}
.main-nav .bg .thumb .view7 .texts {width:42.4%;left:53%;}

@media only screen and (max-width: 1023px) {
	.main-nav .bg .thumb .texts {display:none;}
}
@media only screen and (min-width: 1680px) {
	.main-nav .bg .thumb .texts {/*font-family:'Roboto'; font-weight: bold;*/font-family:'Roboto'; font-weight: bold;font-size:54px;}
}

@keyframes fadein { from {opacity:0; } to {opacity:1; } }
@-moz-keyframes fadein { from {opacity:0; } to {opacity:1; } }
@-webkit-keyframes fadein {from {opacity:0; } to {opacity:1; } }
@-o-keyframes fadein {from {opacity:0; } to {opacity: 1;} }

/* --------------------------------
	CONTENTS COMMON
-------------------------------- */
main.contents {position:relative; max-width:1920px; margin:0px auto auto; overflow: hidden;}
.cookie_none main.contents {margin-top:0 !important;}
.mb {display:block !important;}
.pc {display:none !important;}
.video-wrap {position:absolute;top:0;left:0;right:0;bottom:0;z-index:50;}
.video-wrap iframe {position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;}
.video-wrap .btn-play {content:''; cursor:pointer; position:absolute; width:6.8vw; height:6.8vw; top:50%; left:50%; margin-left:-3.4vw; margin-top:-3.4vw;}

.scroll-bottom {position:absolute;top: 95%;bottom:-1.5%;left:0;right:0;text-align:center;}
.scroll-bottom .mouse {width: .8%;margin:auto;}
.scroll-bottom .txt {margin-top: 1.5%;font-family: /*'LatoSemibold'*/'Roboto';font-size:0.7vw;color:#545663;}
.scroll-bottom .line-wrap {position:absolute;top: 15%;left:50%;bottom: 0;margin-left:-1px;}
.scroll-bottom .line-wrap .line {position:absolute; z-index:2; top:0; left: 50%; bottom:90%; width:1px; background:#000;}

.btn-find-out-more {display:inline-block;width:9.792vw; height:2.083vw; margin-top:5%; max-width:188px; max-height:40px;}
.btn-learn-more {
	border:1px solid #323438;
	color:#323438;
	font-size: .8vw;
	line-height: 2.083vw;
	border-radius: 1.906vw;
	/*font-family: 'Roboto';*/
	font-family: "Roboto";
	padding: 0 1vw;
	height: 2.083vw;
	letter-spacing: 0;
	display:inline-block;
	text-align:center;
	margin-top: 6%;
}

@media only screen and (min-width: 1024px)  {
	.mb {display:none !important;}
	.pc {display:block !important;}
}
@media only screen and (min-width: 1280px)  {
	.mb {display:none !important;}
	.pc {display:block !important;}
}

.page-main {}
.btn-more {
	display:inline-block;
	width:8.490vw;
	line-height:2.083vw;
	font-size:2.6vw;
	/*font-family:'Roboto';*/
	font-family: 'Roboto';
	text-align: center;
	background-color: transparent;
	border:1px solid #626468;
	-webkit-border-radius: 33.7vw;
	-moz-border-radius: 33.7vw;
	border-radius: 33.7vw;
}
.btn-more.black {border-color:#323438 !important; color:#323438 !important;}

.cta.fixed {position:fixed;left:0;right:0;bottom:0;z-index:999;}
.cta.static {}
.page-bottom-button,
.page-bottom-button a {font-family:/*'Roboto'*/ 'Roboto';font-size: 0.8vw;}

.description {
	/*font-family: 'GothamLight';*/
	font-family: 'Roboto';
	font-weight: 300;
	font-size: 0.833vw;
	line-height: 0.990vw;
	margin-left: 1.7%;
	margin-top: 1.5%;
}
.description .space {opacity: 0}

@media only screen and (max-width: 1023px) {
	.page-bottom-button {background:#000; text-align:center; padding:1.1vw 0;}
	.page-bottom-button a {display:inline-block;border: 1px solid #888;width:auto;line-height:7vw;font-size:3.1vw;color:#fff;padding:0 1.5vw;}
	.page-bottom-button a + a {margin-left:1px;}
	.video-wrap .btn-play {width:15.6vw; height:15.6vw; margin-left:-7.8vw; margin-top:-7.8vw;}

	.scroll-bottom .mouse {width:3.1vw;margin-top: 3%;}
	.scroll-bottom .txt {/*font-family:'Roboto';*/font-family: 'Roboto';font-size:2.6vw; letter-spacing:0.012em; margin-top: 2%;}
	.scroll-bottom .line-wrap {top:49%;bottom:15%;background: #545663;}

    .btn-learn-more {
        border:1px solid #323438;
        color:#323438;
        font-size:2.734vw;
        line-height:7.552vw;
        border-radius:3.906vw;
        /*font-family: 'Roboto';*/
        font-family: 'Roboto';
        height: 7.552vw;
        letter-spacing: 0;
        display:inline-block;
        text-align:center;
        margin-top: 3%;
        padding: 0 4vw;
    }
	.description {font-size: 1.865vw;line-height: 2.785vw;}
}
@media only screen and (min-width: 1024px) {
	.btn-more {width:12vw; line-height:3vw; font-size:1vw;
		-webkit-border-radius: 45px;
		-moz-border-radius: 45px;
		border-radius: 45px;
	}
	.page-bottom-button {background:#000; text-align:center; padding:1.1vw 0;}
	.page-bottom-button a {display:inline-block;border:1px solid #888;font-size: 0.8vw;width:13.1vw;line-height:2.3vw;color:#fff;}
	.page-bottom-button a + a {margin-left:10px;}
}
@media only screen and (min-width: 1280px) {
}
@media only screen and (min-width: 1680px) {
	.btn-more {width:240px; line-height:64px; font-size:19px;
		-webkit-border-radius: 45px;
		-moz-border-radius: 45px;
		border-radius: 45px;
	}
	.video-wrap .btn-play {width:132px; height:132px; margin-left:-66px; margin-top:-66px;}
	.scroll-bottom .txt {font-size:14px;bottom:-15px;}
	.description {font-size:16px;line-height:19px;}
}

.hyphens {
	-ms-word-wrap: break-word;
	word-wrap: break-word;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
}

/* --------------------------------
	MAIN - CONTENTS 1
-------------------------------- */
.page-main .cont1 {position:relative;}
.page-main .cont1 .texts-wrap {position:absolute;top: 0;left:0;right:0;bottom:0;text-align:center;color:#fff;display:flex;align-items: center;justify-content: center;}
.page-main .cont1 .texts-wrap .texts {margin-top:6%;}
.page-main .cont1 .texts-wrap .texts {/*font-family:'Roboto';*/ font-family: 'Roboto'; font-size:5vw; letter-spacing: -0.01em;}
.page-main .cont1 .texts-wrap .texts .txt2 {/*font-family:'Roboto';*/font-family: 'Roboto';font-size: 1.561vw; margin-top: 4.1%;}

.page-main .swiper-wrapper .swiper-slide.sub .texts {margin-top:30%; color:#000;}

.page-main .cont1 .scroll-bottom {bottom: -3%;}
.page-main .cont1 .scroll-bottom .line-wrap {bottom: 0;}

@media only screen and (max-width: 1023px) {
    .page-main .cont1 .texts-wrap .texts {font-size:8.854vw;}
    .page-main .cont1 .texts-wrap .texts .txt2 {font-size:3.385vw;}
	.page-main .cont1 .scroll-bottom .line-wrap {top:29%;}
}
@media only screen and (min-width: 1680px) {
	.page-main .cont1 .texts-wrap .texts {font-size:65px; line-height:70px;}
	.page-main .cont1 .texts-wrap .texts .txt2 {font-size:29.9px;}
}

/* --------------------------------
	MAIN - CONTENTS 2
-------------------------------- */
.page-main .cont2 {position:relative;margin: 10% 0 0;color:#393939;}
.page-main .cont2 .sub {position:relative;}
.page-main .cont2 .sub:after {content:""; clear:both; display:block; height:0; visibility:hidden;}

.page-main .cont2 .sub .texts {position:relative;display:flex;align-items: center;justify-content: center;}
.page-main .cont2 .sub .texts .txt1 {/*font-family:'Roboto'; font-weight: bold;*/ font-family:'Roboto'; font-weight: bold; font-size:3.385vw; letter-spacing: -0.05em;}
.page-main .cont2 .sub .texts .txt2 {/*font-family:'Roboto';*/ font-family: 'Roboto';font-size:1.250vw;margin-top: 3%;}
.page-main .cont2 .sub + .sub {margin-top:2.5%;}
.page-main .cont2 .sub .img-side {position:absolute; top:0; bottom:0; overflow:hidden; width:1.9%; }
.page-main .cont2 .sub .texts {position:absolute;top:0; bottom:0; width: 42.7%;}

.page-main .cont2 .sub.type1 .img {margin-left:0;margin-right:47%;}
.page-main .cont2 .sub.type1 .img-side {right:0;}
.page-main .cont2 .sub.type1 .texts {right:1.9%;}
.page-main .cont2 .sub .texts-wrap {display:inline-block; color:#222428; text-align: center;}

.page-main .cont2 .sub.type2 .img {margin-right:0; margin-left:47%;}
.page-main .cont2 .sub.type2 .img-side {left:0;}
.page-main .cont2 .sub.type2 .texts {left:1.9%;}

@media only screen and (max-width: 1023px) {
    .page-main .cont2 {margin: 25% 0 0;}
    .page-main .cont2 .sub .texts {position:relative; display:block; width:auto; margin-top:5%;}
    .page-main .cont2 .sub .texts .txt1 {font-size:7.813vw;}
    .page-main .cont2 .sub .texts .txt2 {font-size:4.167vw;letter-spacing: -0.05em;margin-top: 2%;}
    .page-main .cont2 .sub .texts-wrap {display:block; text-align:left; margin-left:5.208vw;}
    .page-main .cont2 .sub.type1 .img {margin:0;}
    .page-main .cont2 .sub.type2 .img {margin:0;}
    .page-main .cont2 .sub + .sub {margin-top:15%;}

    .page-main .cont2 .sub.type2 .texts {left:0; margin-right:5.208vw;}
    .page-main .cont2 .sub.type2 .texts-wrap {text-align:right; margin-left:0;}
}
@media only screen and (min-width: 1680px) {
	.page-main .cont2 .sub .texts .txt1 {font-size:65px;}
	.page-main .cont2 .sub .texts .txt2 {font-size:24px;}
}

/* --------------------------------
	MAIN - CONTENTS 3
-------------------------------- */
.page-main .cont3 {position:relative; margin-top: 2.6%}
.page-main .cont3 .texts {position:absolute;left:0;right:0;bottom:3.5%;text-align:center;}

@media only screen and (max-width: 1023px) {
    .page-main .cont3 {margin-top:15%;}
    .page-main .cont3 .texts {bottom:7%;}
    .page-main .cont3 .btn-learn-more {margin-top:0}
}
@media only screen and (min-width: 1680px) {
}

/* --------------------------------
	MAIN - CONTENTS 4
-------------------------------- */
.page-main .cont4 {position:relative; margin: 2.6% 0; text-align:left;}
.page-main .cont4 .items {margin:auto;text-align: center;}
.page-main .cont4 .items .item {position:relative;color:#fff;width:20%;display:inline-block;}
.page-main .cont4 .items .item + .item {margin-left: 1%;}
.page-main .cont4 .items .item .texts {position:absolute;left:7%;right:7%;bottom: 3%;/*font-family:'Roboto'; font-weight: bold;*/ font-family:'Roboto'; font-weight: bold;font-size:1.458vw;line-height:1.8vw;letter-spacing:-0.05em;text-align: left;}
.page-main .cont4 .items .item:nth-child(2) .texts {text-align: left;}
.page-main .cont4 .items .item:nth-child(3) .texts {text-align: left;}
.page-main .cont4 .split {display:block;width:100%;height:auto;padding:5% 0;}
.page-main .cont4 .item a {color:#fff;}
.page-main .cont4 .btn-learn-more {border-color:#fff;color:#fff;margin-top: 3%;}

@media only screen and (max-width: 1023px) {
    .page-main .cont4 {margin: 10% 3.9% 0;}
    .page-main .cont4 .items .item {width: calc(100% / 2 - 3%);margin-top:5%;}
    .page-main .cont4 .items .item + .item {margin-left: 4%;}
    .page-main .cont4 .items .item:nth-child(3) {margin-left:0;}
    .page-main .cont4 .items .item .texts {/*font-family:'Roboto';*/font-family: 'Roboto';font-size:3.246vw;line-height:3.906vw;text-align:left;letter-spacing:-0.05em;left: 5%;right: 5%;bottom: 6%;}
	.page-main .cont4 .btn-learn-more {/*font-family:'Roboto'; font-weight: bold;*/ font-family:'Roboto'; font-weight: bold;font-size:2.604vw;height: 4.552vw;line-height: 4.552vw;}
}
@media only screen and (min-width: 1680px) {
	.page-main .cont4 .items .item .texts {font-size: 27px;line-height:34px;}
}




/* --------------------------------
	COLOR - CONTENTS 1
-------------------------------- */
.page-color .cont1 {position:relative;}
.page-color .cont1 .texts-wrap {position:absolute;top: 0;left:0;right:0;bottom:0;text-align:center;color:#fff;display:flex;align-items: center;justify-content: center;}
.page-color .cont1 .texts-wrap .texts {margin-top:6%;}
.page-color .cont1 .texts-wrap .texts p:nth-child(1) {/*font-family:'Roboto'; font-weight: bold;*/ font-family:'Roboto'; font-weight: bold; font-size:4.948vw; letter-spacing: -0.075em;}
.page-color .cont1 .texts-wrap .texts p:nth-child(2) {/*font-family:'Roboto';*/font-family: 'Roboto'; font-size:3.906vw; letter-spacing: -0.075em;
	text-shadow: 2px 2px rgba(0, 0, 0, 0.26);
}
.page-color .cont1 .scroll-bottom {top: 95%;}
.page-color .cont1 .scroll-bottom .line-wrap {bottom: -20%;}

@media only screen and (max-width: 1023px) {
	.page-color .cont1 .texts-wrap .texts {margin-top:0%;}
	.page-color .cont1 .bottom {top:95%; bottom:-10%;}
	.page-color .cont1 .texts-wrap .texts p:nth-child(1) {font-size:9.8vw;}
	.page-color .cont1 .texts-wrap .texts p:nth-child(2) {font-size:6.5vw; line-height:7.8vw;}
}
@media only screen and (min-width: 1680px) {
	.page-color .cont1 .texts-wrap .texts p:nth-child(1) {font-size:95px;}
	.page-color .cont1 .texts-wrap .texts p:nth-child(2) {font-size:75px;}
}


/* --------------------------------
	COLOR - CONTENTS 2
-------------------------------- */
.page-color .cont2 {position:relative; margin-top:12%;}
.page-color .cont2 .texts-wrap {text-align:center;}
.page-color .cont2 .texts-wrap .texts {}
.page-color .cont2 .texts-wrap .texts .txt1 {font-family:'Roboto'; font-size:3.958vw; letter-spacing:-0.05em;}
.page-color .cont2 .texts-wrap .texts .txt2 {width:70%; text-align:center; margin:3% auto 0; font-family:'Roboto'; font-weight: 300; font-size:1.354vw; line-height:1.563vw; letter-spacing:-0.05em;}
.page-color .cont2 .video-wrap {margin:3% 10%;position: relative;}
.page-color .cont2 .bottom-text {font-family:'Roboto'; font-weight: bold;font-size:3.125vw; letter-spacing:-0.05em; margin-left:10%; margin-top: 7%}

@media only screen and (max-width: 1023px) {
	.page-color .cont2 {margin-top:30%;}
	.page-color .cont2 .texts-wrap .texts .txt1 {font-size:7.552vw;line-height:8.073vw;margin: 0 0%;font-family:'Roboto';}
	.page-color .cont2 .texts-wrap .texts .txt2 {font-size: 3.906vw;line-height: 5.208vw;width: auto;margin: 3% 9.1%;}
	.page-color .cont2 .video-wrap {position:relative;margin: 8% 3.9%;}
	.page-color .cont2 .bottom-text {font-size:5.990vw;margin: 15% 0 7%;text-align: center;}
}
@media only screen and (min-width: 1680px) {
	.page-color .cont2 .texts-wrap .texts .txt1 {font-size:76px;}
	.page-color .cont2 .texts-wrap .texts .txt2 {font-size:26px;}
	.page-color .cont2 .bottom-text {font-size:60px;}
}

/* --------------------------------
	COLOR - CONTENTS 3
-------------------------------- */
.page-color .cont3 {position:relative; margin-top:3%;}
.page-color .cont3 .description {margin-left:6.7%;margin-top:1.5%;width: 78%;}
.page-color .cont3 .texts {position:absolute;top:0;left:0;right:0;bottom:0;}
.page-color .cont3 .texts .txt1 {position:absolute;top: 5%;right: 8.5%;font-size:1.771vw;line-height:2.292vw;color:#fff;width: 17.9%;}
.page-color .cont3 .texts .txt2 {position:absolute;top: 40%;left: 19.5%;color:#fff;font-size:1.563vw;text-align: center;}
.page-color .cont3 .texts .txt2 b {font-size:1.771vw;line-height:2.292vw;}
.page-color .cont3 .texts .txt3 {position:absolute;top: 40%;right: 17.5%;color:#fff;font-size:1.563vw;text-align: center;}
.page-color .cont3 .texts .txt3 b {font-size:1.771vw;line-height:2.292vw;}
.page-color .cont3 .texts .txt4 {position:absolute;bottom: 4.5%;right: 17.5%;color:#fff;width: auto;font-size:1.563vw;text-align: center;}
.page-color .cont3 .texts .txt4 b {font-size:2.604vw;}

@media only screen and (max-width: 1023px) {
	.page-color .cont3 .texts .txt1 {font-size:2.604vw;width: 26%;right: 10.5%;}
	.page-color .cont3 .texts .txt2 {font-size:2.604vw;left: 17.5%;}
	.page-color .cont3 .texts .txt2 b {font-size:3.125vw;}
	.page-color .cont3 .texts .txt3 {font-size:2.604vw;right: 13.5%;}
	.page-color .cont3 .texts .txt3 b {font-size:3.125vw;}
	.page-color .cont3 .texts p+p {margin-top:8%;}
	.page-color .cont3 .texts .txt4 {font-size:3.125vw;right: 10.5%;bottom: 5%;}
	.page-color .cont3 .texts .txt4 b {font-size:4.167vw;}
}
@media only screen and (min-width: 1680px) {
}

/* --------------------------------
	COLOR - CONTENTS 4
-------------------------------- */
.page-color .cont4 {position:relative; margin-top:13%; margin-left:13.5%;}
.page-color .cont4 .texts-wrap {font-family:'Roboto'; font-weight: bold; font-size:1.771vw; color:#fff;}
.page-color .cont4 .texts-wrap .txt1 {position:absolute; top:2%; left:2%;}
.page-color .cont4 .texts-wrap .txt2 {position:absolute; top:2%; right:2%;}
.page-color .cont4 .texts-wrap .txt3 {position:absolute; bottom:7.5%; right:12%; text-align: center; font-size:2.604vw; letter-spacing:-0.05em; line-height:2.3vw;}
.page-color .cont4 .texts-wrap .txt3 span{font-family:'Roboto'; font-size:1.823vw; letter-spacing:-0.05em;}
.page-color .cont4 .bottom-text {font-family:'Roboto'; font-weight: 300; font-size:.8vw; margin-top:2%;}

@media only screen and (max-width: 1023px) {
}
@media only screen and (min-width: 1680px) {
	.page-color .cont4 .texts-wrap {font-size:34px;}
	.page-color .cont4 .texts-wrap .txt1,
	.page-color .cont4 .texts-wrap .txt2,
	.page-color .cont4 .texts-wrap .txt3{font-size:50px;}
	.page-color .cont4 .texts-wrap .txt3 span{font-size:35px;}
	.page-color .cont4 .bottom-text {font-size: 16px;}
}


/* --------------------------------
	COLOR - CONTENTS 5
-------------------------------- */
.page-color .cont5 {position:relative; margin-top:13%; margin-left:3.1%;}
.page-color .cont5 .row {position:relative;overflow: hidden;}
.page-color .cont5 p {font-family:'Roboto'; font-weight: 300; font-size:2.083vw; letter-spacing:-0.05em;}
.page-color .cont5 .copy {font-size:1.458vw; letter-spacing:-0.05em;}
.page-color .cont5 .sub1 {position:relative; width:36.9%; padding-bottom:3.5%; }
.page-color .cont5 .sub1 p.txt {position:absolute; right:0; bottom:0;}
.page-color .cont5 .sub1 p.copy {position:absolute; left:0; bottom:1.5%;}
.page-color .cont5 .sub2 {position:absolute;right: 0;top:0;bottom:4%;display:flex;align-items: center;justify-content: center;width: 53.6%;}
.page-color .cont5 .sub2 p.txt {}
.page-color .cont5 .sub2 p.copy {margin-top:1.5%; margin-right:3%; text-align:right;}
.page-color .cont5 .sub2 .bg {margin-top:2.5%;}
.page-color .cont5 .sub2 .sub-wrap {}
.page-color .cont5 .sub3 {margin-top:7%;margin-right: 8.3%;float: right;}
.page-color .cont5 .sub3 p.txt {text-align:right;}
.page-color .cont5 .sub3 p.copy {text-align:right; margin-top:1.5%;}
.page-color .cont5 .sub3 .bg {margin-top:2%;}

@media only screen and (max-width: 1023px) {
	.page-color .cont5 {margin-left:0;}
	.page-color .cont5 p {font-size:4.167vw;}
	.page-color .cont5 .copy {font-size:2.604vw;}
	.page-color .cont5 .sub1 {width:57%;}
	.page-color .cont5 .sub1 p.txt {bottom: 4%;right: -56%;}
	.page-color .cont5 .sub1 p.copy { bottom:-1%; left:3%; }
	.page-color .cont5 .sub2 {position:relative; margin-top:10%; margin-left:23.9%; width:auto;}
	.page-color .cont5 .sub2 p.copy {text-align:left;}
	.page-color .cont5 .sub3 {margin: 7% 4.1% 0;}
	.page-color .cont5 .sub3 p.copy {text-align:left;}
}
@media only screen and (min-width: 1680px) {
	.page-color .cont5 p {font-size:40px;}
	.page-color .cont5 .copy {font-size:28px;}
}


/* --------------------------------
	BLACK - CONTENTS 1
-------------------------------- */
.page-black .cont1 {position:relative;}
.page-black .cont1 .texts-wrap {position:absolute;top: 0;left:0;right:0;bottom:0;text-align:center;color:#fff;display:flex;align-items: center;justify-content: center;}
.page-black .cont1 .texts-wrap .texts {}
.page-black .cont1 .texts-wrap .texts p:nth-child(1) {font-family:'Roboto'; font-weight: bold; font-size:4.948vw; letter-spacing: -0.075em;}
.page-black .cont1 .texts-wrap .texts p:nth-child(2) {font-family:'Roboto'; font-size:3.906vw; letter-spacing: -0.075em; margin-top:1%;}
.page-black .cont1 .scroll-bottom {top: 95%;}
.page-black .cont1 .scroll-bottom .line-wrap {bottom: -20%;}

@media only screen and (max-width: 1023px) {
	.page-black .cont1 .texts-wrap .texts {margin-top:12%;}
	.page-black .cont1 .bottom {top:95%; bottom:-10%;}
	.page-black .cont1 .texts-wrap .texts p:nth-child(1) {font-size:9.8vw;}
	.page-black .cont1 .texts-wrap .texts p:nth-child(2) {font-size:6.5vw; line-height:7.8vw;}
}
@media only screen and (min-width: 1680px) {
	.page-black .cont1 .texts-wrap .texts p:nth-child(1) {font-size:95px;}
	.page-black .cont1 .texts-wrap .texts p:nth-child(2) {font-size:75px;}
}



/* --------------------------------
	BLACK - CONTENTS 2
-------------------------------- */
.page-black .cont2 {position:relative; margin-top:10%;}
.page-black .cont2 .texts-wrap {}
.page-black .cont2 .texts-wrap .texts {font-family:'Roboto'; font-size:3.906vw; line-height: 4.427vw; letter-spacing:-0.05em; text-align:center;}
.page-black .cont2 .texts-wrap .texts p:nth-child(2) {width:60%; margin:auto;}
.page-black .cont2 .img {position:relative;margin-top:2%;}
.page-black .cont2 .txt2 {position:absolute; top:13%; left:0; right:0; text-align:center; font-family: 'Roboto'; font-size: 1.875vw; color:#fff;}
.page-black .cont2 .txt3 {position:absolute; bottom:10%; left:10%; text-align:center; font-family: 'Roboto'; font-size: 1.875vw;  line-height: 2.5vw; color:#fff;}
.page-black .cont2 .description {margin-left:1.7%; margin-top:1.5%;}

@media only screen and (max-width: 1023px) {
	.page-black .cont2 {margin-top:30%;}
	.page-black .cont2 .texts-wrap .texts p:nth-child(2) {width:auto; margin:auto;}
	.page-black .cont2 .texts-wrap .texts .txt1 {font-size:5.990vw;line-height:6.510vw;margin: 0 0%;font-family:'Roboto';}
	.page-black .cont2 .texts-wrap .texts .txt2 {font-size:3.385vw;line-height:3.906vw;width: auto;margin: 3% 9.1%;}
	.page-black .cont2 .video-wrap {position:relative;margin: 8% 3.9%;}
	.page-black .cont2 .bottom-text {font-size:5.990vw;margin: 15% 0 7%;text-align: center;}
	.page-black .cont2 .txt2 {font-size:2.865vw;line-height:4vw; left:10%}
	.page-black .cont2 .txt3 {font-size:2.865vw;line-height:4vw;bottom: 4%;}
	.page-black .cont2 .img {margin-top:8%;}
	.page-black .cont2 .description {margin-left:3.9%; margin-right:3.9%; margin-top:5%;}
}
@media only screen and (min-width: 1680px) {
	.page-black .cont2 .texts-wrap .texts {font-size:75px; line-height:85px;}
	.page-black .cont2 .txt2 {font-size:36.7px; line-height:36.8px;}
}


/* --------------------------------
	BLACK - CONTENTS 3
-------------------------------- */
.page-black .cont3 {position:relative; margin-top:5%;}
.page-black .cont3 .texts-wrap {}
.page-black .cont3 .texts-wrap .texts {font-family:'Roboto'; font-size:3.125vw; line-height: 3.646vw; letter-spacing:-0.05em; margin-left:5.5%;}
.page-black .cont3 .img {position:relative; margin:2% 4.9% 0;}
.page-black .cont3 .img .txt {font-family:'Roboto'; font-weight: bold; font-size:2.292vw; position:absolute; top:5%; z-index:20; color:#fff;}
.page-black .cont3 .img .txt.left {left:4%;}
.page-black .cont3 .img .txt.right {right:4%;}
.page-black .cont3 .description {margin-left:1.7%; margin-top:1.5%;}

@media only screen and (max-width: 1023px) {
	.page-black .cont3 {margin-top:15%;}
	.page-black .cont3 .img {margin:8% 3.9% 0;}
	.page-black .cont3 .texts-wrap {margin-left:3.9%;}
	.page-black .cont3 .texts-wrap .texts {font-size:4.948vw;line-height:5.469vw;margin: 0 0%;font-family:'Roboto';}
	.page-black .cont3 .description {margin-left:3.9%; margin-right:3.9%; margin-top:5%;}
}
@media only screen and (min-width: 1680px) {
	.page-black .cont3 .texts-wrap .texts {font-size:60px; line-height:70px;}
	.page-black .cont3 .img .txt {font-size:44px;}
}


/* --------------------------------
	BLACK - CONTENTS 4
-------------------------------- */
.page-black .cont4 {position:relative; margin:5% 0;}
.page-black .cont4 .bg {position:absolute; z-index:-1; top:-6%; left:9%; right:9%; bottom:-10%; background-color:#eff0f1;}
.page-black .cont4 .texts-wrap {margin: 5% 11% 0;}
.page-black .cont4 .texts-wrap .texts {font-family:'Roboto'; font-size:3.906vw; line-height:3.646vw; text-align:right; letter-spacing:-0.05em;}
.page-black .cont4 .img-wrap {position:relative;overflow:hidden;}
.page-black .cont4 .img {position:relative;width:53.8%; margin-right:5%; margin-top:3%; float:right;}
.page-black .cont4 .texts-wrap2 {position:absolute; top:45%; left:14%; width:22%;}
.page-black .cont4 .texts-wrap2 .texts {font-family:'Roboto';font-size:1.354vw;line-height:1.823vw;letter-spacing:-0.05em;}
.page-black .cont4 .texts-wrap2 .texts p+p {margin-top:10%;}

@media only screen and (max-width: 1023px) {
	.page-black .cont4 {margin:25% 0 0;}
	.page-black .cont4 .bg {top: -10%;left: 3.9%;right: 3.9%;bottom: -9%;}
	.page-black .cont4 .texts-wrap {margin-top:0%;}
	.page-black .cont4 .texts-wrap .texts {font-size:5.990vw;line-height:6.510vw;text-align:center;}
	.page-black .cont4 .img-wrap .img {width:auto;float:initial;margin: 8% 10% 0;}
	.page-black .cont4 .texts-wrap2 {position:relative; width:auto; left:initial; margin:8% 9.1% 0;}
	.page-black .cont4 .texts-wrap2 .texts {text-align:center;font-size: 3.906vw;line-height: 5.208vw;}
	.page-black .cont4 .texts-wrap2 .texts p+p {margin-top: 7%;}
}
@media only screen and (min-width: 1680px) {
	.page-black .cont4 .texts-wrap .texts {font-size:60px; line-height:70px;}
	.page-black .cont4 .texts-wrap2 .texts {font-size:26px; line-height:35px;}
}


/* --------------------------------
	BLACK - CONTENTS 5
-------------------------------- */
.page-black .cont5 {position:relative; margin-top:10%;}
.page-black .cont5 .texts-wrap {}
.page-black .cont5 .texts-wrap .texts {font-family:'Roboto'; font-size:3.906vw; line-height: 4.427vw; letter-spacing:-0.05em; margin-left:5.7%;}
.page-black .cont5 .img {position:relative;margin-top:2%;}

@media only screen and (max-width: 1023px) {
	.page-black .cont5 {margin-top:23%;}
	.page-black .cont5 .texts-wrap .texts {margin-left:3.9%;font-size:4.948vw;line-height:5.469vw;}
	.page-black .cont5 .img {margin-top:8%;}
}
@media only screen and (min-width: 1680px) {
	.page-black .cont5 .texts-wrap .texts {font-size:75px; line-height:85px;}
}



/* --------------------------------
	ACCURACY - CONTENTS 1
-------------------------------- */
.page-accuracy .cont1 {position:relative;}
.page-accuracy .cont1 .texts-wrap {position:absolute;top: 0;left:0;right:0;bottom:0;text-align:center;color:#fff;display:flex;align-items: center;justify-content: center;}
.page-accuracy .cont1 .texts-wrap .texts {text-shadow: 6px 7px 3px rgba(0, 0, 0, 0.5);}
.page-accuracy .cont1 .texts-wrap .texts p:nth-child(1) {font-family:'Roboto'; font-weight: bold; font-size:4.948vw; letter-spacing: -0.075em;}
.page-accuracy .cont1 .texts-wrap .texts p:nth-child(2) {font-family:'Roboto'; font-size:3.906vw; letter-spacing: -0.075em; margin-top:1%;}
.page-accuracy .cont1 .scroll-bottom {top: 95%;}
.page-accuracy .cont1 .scroll-bottom .line-wrap {bottom: -20%;}

@media only screen and (max-width: 1023px) {
	.page-accuracy .cont1 .texts-wrap .texts {}
	.page-accuracy .cont1 .bottom {top:95%; bottom:-10%;}
	.page-accuracy .cont1 .texts-wrap .texts p:nth-child(1) {font-size:8.854vw;}
	.page-accuracy .cont1 .texts-wrap .texts p:nth-child(2) {font-size:6.250vw; line-height:7.8vw;}
	.page-accuracy .cont1 .scroll-bottom {top: 95%;bottom: -13%;}
	.page-accuracy .cont1 .scroll-bottom .line-wrap {top:0;bottom: 50%;}
}
@media only screen and (min-width: 1680px) {
	.page-accuracy .cont1 .texts-wrap .texts p:nth-child(1) {font-size:95px;}
	.page-accuracy .cont1 .texts-wrap .texts p:nth-child(2) {font-size:75px;}
}

/* --------------------------------
	ACCURACY - CONTENTS 2
-------------------------------- */
.page-accuracy .cont2 {position:relative; margin-top:10%;}
.page-accuracy .cont2 .texts-wrap {}
.page-accuracy .cont2 .texts-wrap .texts {text-align:center;letter-spacing:-0.05em;}
.page-accuracy .cont2 .texts-wrap .texts .txt1 {font-size:3.906vw;letter-spacing:-0.05em;}
.page-accuracy .cont2 .texts-wrap .texts .txt2 {font-family:'Roboto'; font-weight: 300;font-size:1.354vw; line-height:1.563vw; margin-top:2%;}
.page-accuracy .cont2 .img {width:79.1%; margin:4% auto;}

@media only screen and (max-width: 1023px) {
	.page-accuracy .cont2 {margin-top: 25%;}
	.page-accuracy .cont2 .texts-wrap .texts .txt1 {/* display:none; */font-size: 7.813vw;}
	.page-accuracy .cont2 .texts-wrap .texts .txt2 {font-size: 3.906vw;line-height: 5.208vw;}
	.page-accuracy .cont2 .texts-wrap .texts .txt2 p:nth-child(2) {width:80%;margin:auto;}
	.page-accuracy .cont2 .img {width:92.2%;margin-top:8%}
}
@media only screen and (min-width: 1680px) {
	.page-accuracy .cont2 .texts-wrap .texts .txt1 {font-size:75px;}
	.page-accuracy .cont2 .texts-wrap .texts .txt2 {font-size:26px; line-height:30px;}
}

/* --------------------------------
	ACCURACY - CONTENTS 3
-------------------------------- */
.page-accuracy .cont3 {position:relative; margin-top:10%;}
.page-accuracy .cont3 .bg {position:absolute; z-index:-1; top:-6%; left:0; right:0; height:40%; background-color:#eff0f1;}
.page-accuracy .cont3 .texts-wrap {}
.page-accuracy .cont3 .texts-wrap .texts {text-align:right;letter-spacing:-0.05em;margin-right: 10.5%;}
.page-accuracy .cont3 .texts-wrap .texts .txt1 {font-family:'Roboto';font-size:3.906vw;letter-spacing:-0.05em;}
.page-accuracy .cont3 .texts-wrap .texts .txt2 {font-family:'Roboto'; font-weight: 300;font-size:1.354vw; line-height:1.563vw; margin-top:2%;}
.page-accuracy .cont3 .img {margin: 4% auto;width: 79.1%;}

@media only screen and (max-width: 1023px) {
	/* 190524 start */
	.page-accuracy .cont3 {margin-top: 15%;}
	.page-accuracy .cont3 .bg {top:-13%;height: 195%;background:#fff;}
	/* 190524 end */
	.page-accuracy .cont3 .texts-wrap .texts {text-align:left; margin-left:3.9%;}
	.page-accuracy .cont3 .texts-wrap .texts .txt1 {font-size:7.552vw;line-height:8.073vw;}
	.page-accuracy .cont3 .texts-wrap .texts .txt2 {font-size: 3.906vw;line-height: 5.208vw;margin-top:5%;}
	.page-accuracy .cont3 .img {margin:8% 3.9%;width: auto;}
}
@media only screen and (min-width: 1680px) {
	.page-accuracy .cont3 .texts-wrap .texts .txt1 {font-size:75px;}
	.page-accuracy .cont3 .texts-wrap .texts .txt2 {font-size:26px; line-height:30px;}
}

/* --------------------------------
	ACCURACY - CONTENTS 4
-------------------------------- */
.page-accuracy .cont4 {position:relative; margin-top:5%;}
.page-accuracy .cont4 .bg {position:absolute; z-index:-1; top:-6%; left:0; right:0; height:40%; background-color:#eff0f1;}
.page-accuracy .cont4 .texts-wrap {}
.page-accuracy .cont4 .texts-wrap .texts {text-align:center; font-size:2.344vw; letter-spacing:-0.05em;}
.page-accuracy .cont4 .img {margin:4% 16.7%;}
.page-accuracy .cont4 .description {margin-left:18%}

@media only screen and (max-width: 1023px) {
	.page-accuracy .cont4 .texts-wrap .texts {font-size:4.948vw;line-height:5.469vw; }
	.page-accuracy .cont4 .img {margin:8% 4.2% 5%;}
	.page-accuracy .cont4 .description {margin-left:3.9%;}
}
@media only screen and (min-width: 1680px) {
	.page-accuracy .cont4 .texts-wrap .texts {font-size:45px;}
}

/* --------------------------------
	ACCURACY - CONTENTS 5
-------------------------------- */
.page-accuracy .cont5 {position:relative; margin-top:10%;}
/* 190522 start */
.page-accuracy .cont5 .bg {position:absolute; z-index:-1; top:43%; left:8.4%; right:17.9%; height:60%; background-color:#fff;}
/* 190522 end */
.page-accuracy .cont5 .texts-wrap {}
.page-accuracy .cont5 .texts-wrap .texts {text-align:left;letter-spacing:-0.05em; margin-left:6.5%; width:80%;}
.page-accuracy .cont5 .texts-wrap .texts .txt1 {font-family:'Roboto';font-size:3.906vw;line-height:4.427vw;letter-spacing:-0.05em;}
.page-accuracy .cont5 .texts-wrap .texts .txt2 {font-family:'Roboto'; font-weight: 300;font-size:1.354vw; line-height:1.563vw; margin-top:2%;}
/* 190522 start */
.page-accuracy .cont5 .img {width:79.1%; margin:4% auto;}
/* 190522 end */
.page-accuracy .cont5 .description {margin-left:10%; margin-top:1.5%;}

.page-accuracy .cont5 .sub {position:relative;text-align:right;}
.page-accuracy .cont5 .sub .img2 {display:inline-block; width:54.7%; margin-top:4%; margin-right:6.2%;}
.page-accuracy .cont5 .sub .texts-wrap2 {position:absolute;top: 38%;left: 12%;width:25%;text-align:left;font-size:1.354vw;line-height:1.875vw;}
.page-accuracy .cont5 .sub .texts-wrap2 .txt1 {font-family:'Roboto';}
.page-accuracy .cont5 .sub .texts-wrap2 .txt2 {margin-top:5%;}

@media only screen and (max-width: 1023px) {
	/* 190522 start */
	.page-accuracy .cont5 {margin-bottom: 21%;margin-top:15%}
	.page-accuracy .cont5 .bg {top:55%; left: 3.9%;right: 3.9%;height: 50%;}
	.page-accuracy .cont5 .texts-wrap .texts {width:auto;margin:0 4%;}
	.page-accuracy .cont5 .texts-wrap .texts .txt1 {font-size:7.552vw;line-height:8.073vw; }
	.page-accuracy .cont5 .texts-wrap .texts .txt2 {font-size: 3.906vw;line-height: 5.208vw;margin-top:5%;}
	.page-accuracy .cont5 .img {width:auto;margin-right:4%;margin-left:4%}
	/* 190522 end */
	.page-accuracy .cont5 .sub .img2 {margin-right: 0;margin-top: 8%;width: 78.1%;}
	.page-accuracy .cont5 .sub .texts-wrap2 {font-size: 3.906vw;line-height: 5.208vw;margin-top:5%;}
	.page-accuracy .cont5 .sub .texts-wrap2 {position:relative;top:0;left:0;right:0;margin-top:5%;margin-left:9.1%;margin-right:9.1%;width:auto;text-align: right;}
	/* 190522 start */
	.page-accuracy .cont5 .description {margin-left:4%;margin-right:4%;margin-top:5%;}
	/* 190522 end */
}
@media only screen and (min-width: 1680px) {
	.page-accuracy .cont5 .texts-wrap .texts .txt1 {font-size:75px; line-height:85px;}
	.page-accuracy .cont5 .texts-wrap .texts .txt2 {font-size:26px; line-height:30px;}
	.page-accuracy .cont5 .sub .texts-wrap2 {font-size:26px; line-height:36px;}
}


/* --------------------------------
	BEZEL - CONTENTS 1
-------------------------------- */
.page-bezel .cont1 {position:relative;}
.page-bezel .cont1 .texts-wrap {position:absolute;top: 10%;left:0;right:0;bottom:0;text-align:center;color:#fff;display:flex;align-items: center;justify-content: center;}
.page-bezel .cont1 .texts-wrap .texts {}
.page-bezel .cont1 .texts-wrap .texts p:nth-child(1) {font-family:'Roboto'; font-weight: bold; font-size:4.948vw; letter-spacing: -0.075em;}
.page-bezel .cont1 .texts-wrap .texts p:nth-child(2) {font-family:'Roboto'; font-size:3.906vw; letter-spacing: -0.075em; margin-top:1%;}
.page-bezel .cont1 .scroll-bottom {top: 95%;}
.page-bezel .cont1 .scroll-bottom .line-wrap {bottom: -20%;}

@media only screen and (max-width: 1023px) {
	.page-bezel .cont1 .texts-wrap .texts { margin-top:0;
		text-shadow: 3px 3px 3px rgba(0, 0, 0, 0.26);
	}
	.page-bezel .cont1 .bottom {top:95%; bottom:-10%;}
	.page-bezel .cont1 .texts-wrap .texts p:nth-child(1) {font-size:8.854vw;}
	.page-bezel .cont1 .texts-wrap .texts p:nth-child(2) {font-size:6.250vw; line-height:7.8vw;}
	.page-bezel .cont1 .scroll-bottom .line-wrap {top:20%;bottom: -25%;}
}
@media only screen and (min-width: 1680px) {
	.page-bezel .cont1 .texts-wrap .texts p:nth-child(1) {font-size:95px;}
	.page-bezel .cont1 .texts-wrap .texts p:nth-child(2) {font-size:75px;}
}

/* --------------------------------
	BEZEL - CONTENTS 2
-------------------------------- */
.page-bezel .cont2 {position:relative; margin-left:7.8%; margin-top:10%;}
.page-bezel .cont2 .texts-wrap {}
.page-bezel .cont2 .texts-wrap .texts {font-family:'Roboto';font-size:3.906vw;line-height:4.427vw;letter-spacing:-0.05em;}
.page-bezel .cont2 .bg {margin-top:3%;}

@media only screen and (max-width: 1023px) {
	.page-bezel .cont2 {margin-top:29%; margin-left:3.9%;}
	/* 190522 start */
	.page-bezel .cont2 .bg {margin-left: 0%;}
	/* 190522 end */
	.page-bezel .cont2 .texts-wrap .texts {font-size:7.552vw;line-height:8.073vw}
}
@media only screen and (min-width: 1680px) {
	.page-bezel .cont2 .texts-wrap .texts  {font-size:75px; line-height:85px;}
}

/* --------------------------------
	BEZEL - CONTENTS 3
-------------------------------- */
.page-bezel .cont3 {position:relative; margin-top:10%;}
.page-bezel .cont3 .texts-wrap {text-align:right; margin-right:3.7%;}
.page-bezel .cont3 .texts-wrap .texts {display:inline-block;width:80%;font-family:'Roboto';font-size:3.125vw;line-height:3.646vw;letter-spacing:-0.05em;}
.page-bezel .cont3 .bg {margin-top:3%;}

@media only screen and (max-width: 1023px) {
	.page-bezel .cont3 {margin-top:13%;}
	.page-bezel .cont3 .bg {margin-top:8%;}
	.page-bezel .cont3 .texts-wrap .texts {font-size:4.167vw; line-height:4.688vw; width:90%;}
}
@media only screen and (min-width: 1680px) {
	.page-bezel .cont3 .texts-wrap .texts  {font-size:60px; line-height:70px;}
}

/* --------------------------------
	BEZEL - CONTENTS 4
-------------------------------- */
.page-bezel .cont4 {position:relative; margin-top:15%;}
/* 190522 start */
.page-bezel .cont4 .bg {position:absolute; z-index:-1; top:-5%; left:0; right:0; height:20%; background-color:#fff;}
/* 190522 end */
.page-bezel .cont4 .texts-wrap {text-align:right;margin-right:3.6%;}
.page-bezel .cont4 .texts-wrap .texts {overflow:hidden;}
.page-bezel .cont4 .texts-wrap .texts .txt1{font-family:'Roboto';font-size:3.906vw;line-height:4.427vw;letter-spacing:-0.05em;}
.page-bezel .cont4 .texts-wrap .texts .txt2{font-family:'Roboto'; font-weight: 300;font-size:1.354vw;line-height:1.563vw;letter-spacing:-0.05em; margin-top:2%; text-align:right;}
.page-bezel .cont4 .gallery .img {margin-top:2%;}
.page-bezel .cont4 .gallery .gallery-item:nth-child(1) {width:65.5%; margin-left:3.8%;}
.page-bezel .cont4 .gallery .gallery-item:nth-child(2) {margin-left:20.5%;margin-right:3.7%;}
.page-bezel .cont4 .gallery .gallery-item:nth-child(3) {margin-right:10.4%;}
.page-bezel .cont4 .description {margin-left:1.7%; margin-top:1.5%;}

@media only screen and (max-width: 1023px) {
	.page-bezel .cont4 {margin-top:30%;}
	.page-bezel .cont4 .bg {top: -7%;height: 35%;}
	.page-bezel .cont4 .texts-wrap .texts .txt1 {font-size: 7.552vw;line-height: 8.073vw;}
	.page-bezel .cont4 .texts-wrap .texts .txt2 {font-size: 3.906vw;line-height: 5.208vw;}
	.page-bezel .cont4 .gallery .img {margin-top:5%;}
	.page-bezel .cont4 .gallery .gallery-item:nth-child(1) {margin-left:0; width:83.3%}
	.page-bezel .cont4 .gallery .gallery-item:nth-child(2) {margin-right:0;}
	.page-bezel .cont4 .gallery .gallery-item:nth-child(3) {margin-right:16.9%;}
	.page-bezel .cont4 .description {margin-left:3.9%; margin-right:3.9%; margin-top:5%;}
}
@media only screen and (min-width: 1680px) {
	.page-bezel .cont4 .texts-wrap .texts .txt1 {font-size:75px; line-height:85px;}
}

/* --------------------------------
	LINEUP - CONTENTS 1
-------------------------------- */
.page-lineup .cont1 {position:relative;}
.page-lineup .cont1 .texts-wrap {position:absolute;left:0;right:0;bottom:5%;text-align:center;color:#000;}
.page-lineup .cont1 .texts-wrap .texts {font-family:'Roboto'; font-size:3.906vw; letter-spacing: -0.075em; margin-top:1%;}
.page-lineup .cont1 .scroll-bottom {top: 95%;}
.page-lineup .cont1 .scroll-bottom .line-wrap {bottom: -20%;}

@media only screen and (max-width: 1023px) {
	.page-lineup .cont1 .texts-wrap {bottom:15%;}
	.page-lineup .cont1 .texts-wrap .texts {font-family:'Roboto'; font-weight: bold;font-size:6.771vw;}
	.page-lineup .cont1 .scroll-bottom {top: 90%;}
}
@media only screen and (min-width: 1680px) {
	.page-lineup .cont1 .texts-wrap .texts {font-size:75px;}
}

/* --------------------------------
	LINEUP - CONTENTS 2
-------------------------------- */
.page-lineup .cont2 {position:relative;margin-left:2.8vw;margin-right: 4.9vw;}
.page-lineup .cont2 {margin-top:9.2%;}
.page-lineup .cont2 .spec tr:nth-child(1) th {width:20vw;}
.page-lineup .cont2 .spec tr:nth-child(1) td:nth-child(2),
.page-lineup .cont2 .spec tr:nth-child(1) td:nth-child(3),
.page-lineup .cont2 .spec tr:nth-child(1) td:nth-child(4),
.page-lineup .cont2 .spec tr:nth-child(1) td:nth-child(5) {width:38vw;}

.page-lineup .cont2 .spec thead tr td,
.page-lineup .cont2 .spec tbody tr td {font-family:'Roboto';letter-spacing:-0.075em;}

.page-lineup .cont2 .spec thead tr {}
.page-lineup .cont2 .spec thead tr td:last-child {padding-bottom: 2%;}
.page-lineup .cont2 .spec thead tr td {text-align:center; vertical-align:top;}
.page-lineup .cont2 .spec thead tr td .tv {width:auto;height:9.8vw;vertical-align: top;}
.page-lineup .cont2 .spec thead tr td .tv img {width:auto; height:100%;display:inline-block;}
.page-lineup .cont2 .spec thead tr td .name {font-family:'Roboto'; font-weight: bold;font-size:1.4vw;text-align:center;color:#222;margin-top: 2vw;white-space:nowrap;letter-spacing: -0.06em;}
.page-lineup .cont2 .spec thead tr td .buy-now {
	display:inline-block;
	font-family:'Roboto';
	width:9.9vw;
	line-height: 2.2vw;
	font-size:.9vw;
	text-align:center;
	border:1px solid;
	color:#323438;
	margin-top: 5%;
	-webkit-border-radius: 33.7vw;
	-moz-border-radius: 33.7vw;
	border-radius: 33.7vw;
}

.page-lineup .cont2 .spec tbody td {position:relative; font-size:1.042vw;}
.page-lineup .cont2 .spec tbody tr td {height: 5vw;}
.table-scroll th,
.page-lineup .cont2 .spec tbody tr td:first-child {font-family:'Roboto'; font-weight: bold; font-size:1.1vw; letter-spacing:-0.05em;}
.page-lineup .cont2 .spec tbody tr td:first-child:before {width:85%;}
.page-lineup .cont2 .spec tbody tr.small td:nth-of-type(n+1) {font-size:1vw; line-height:1.1vw;}
.page-lineup .cont2 .spec tbody td a {position:relative;}
.page-lineup .cont2 .spec tbody td a:before {content:''; position:absolute; background:#a3a3a3; left:0; right:0; bottom:0; height:1px; }

.page-lineup .cont2 .spec tbody td:before {content:''; position:absolute; top:0; left:0; width:90%; height:1px; background:#c9c9c9;}
.page-lineup .cont2 .spec tbody tr:first-child td:before {content:''; position:absolute; top:0; left:0; width:100%; height:2px; background:#000;}
.page-lineup .cont2 .spec tbody tr:last-child td:after {content:''; position:absolute; bottom:0; left:0; width:100%; height:2px; background:#000;}

.table-scroll th {position:relative; text-align:left; padding-right:3%;}
.table-scroll tbody th:before {content:'';position:absolute;top:0;left:0;width:90%;height:1px;background:#c9c9c9;}
.table-scroll tbody tr:first-child th:before {content:''; position:absolute; top:0; left:0; width:100%; height:2px; background:#000; }
.table-scroll tbody tr:last-child th:after {content:''; position:absolute; bottom:0; left:0; width:100%; height:2px; background:#000; }

.page-lineup .cont2 .table-scroll:nth-child(1) {margin:auto;}
.page-lineup .cont2 .table-scroll:nth-child(1) .spec {width:100%;}

.page-lineup .border-top-none:before {background: #fff !important;}
.page-lineup b {letter-spacing: -0.075em;}

@media only screen and (max-width: 1023px) {
	.page-lineup .cont2 {margin-top:30%;}
	.page-lineup .cont2 {overflow:hidden;margin-left:3.9%;margin-right:3.9%;}

	.page-lineup .cont2 .spec-wrap {position:relative;overflow-x:scroll;white-space:nowrap;}
	.page-lineup .cont2 .spec {}
	.page-lineup .cont2 .table-scroll:nth-child(1) .spec {width:100%; table-layout: fixed;}
	/*.page-lineup .cont2 .spec colgroup col:nth-child(1),*/
	/*.page-lineup .cont2 .spec tbody td:nth-child(1) {display:none;}*/
	.page-lineup .cont2 .spec tbody td:nth-child(2),
	.page-lineup .cont2 .spec tbody td:nth-child(3),
	.page-lineup .cont2 .spec tbody td:nth-child(4),
	.page-lineup .cont2 .spec tbody td:nth-child(5) {padding: 4.5vw 1vw;}

	.page-lineup .cont2 .spec tbody td a:before {background:#898989;}

	.page-lineup .cont2 .spec tbody tr td:first-child,
	.page-lineup .cont2 .spec thead tr td p{font-family:Roboto;font-size:3.9vw; line-height:4.6vw;}
	.page-lineup .cont2 .spec thead tr td p span {font-family:'Roboto'; font-weight: bold;}
	.page-lineup .cont2 .spec thead tr td .name {font-size:5.469vw;margin-top:0;}
	.page-lineup .cont2 .spec thead tr td .buy-now {width:184px; line-height:46px; font-size:18px;}
	.page-lineup .cont2 .spec tbody td {position:relative; font-size:3.125vw; line-height:3.646vw; letter-spacing:-0.06em; font-family:"Roboto"; white-space:normal;}
	.page-lineup .cont2 .spec tbody .small {font-family:'Roboto';font-size:3.1vw;line-height:3.6vw;}

	.page-lineup .cont2 .spec thead tr td {padding-left:1vw;padding-right:4vw;}
	.page-lineup .cont2 .spec thead tr td .tv {width:auto;height: 25vw;vertical-align: middle;}
	.page-lineup .cont2 .spec thead tr td .tv img {width:100%; height:auto;display:inline-block;}

	.table-scroll th {position:relative;font-size:2.9vw;font-family:Roboto; padding-left:0 !important; padding-right: 3vw !important; white-space:normal !important;letter-spacing:-0.04em;line-height:4.6vw;}
	.table-scroll th:before {content:''; position:absolute; top:0; left:0; width:90%; height:1px; background:#c9c9c9;}

	.page-lineup .cont2 .spec thead tr td .buy-now {width:31.2vw; font-size:2.3vw; line-height:7.8vw; border-width:1px; font-family:'Roboto'; margin:8% 0;}

	.page-lineup .cont2 .spec td b {font-family:'Roboto';font-weight:normal;}

	.page-lineup .cont2 .spec .text-hdr {letter-spacing: -0.075em;}
	.page-lineup .cont2 .spec .text-hdr p {font-size:2.604vw;line-height:3.125vw;}

	.scroll-guide {position:absolute; z-index:10; top:50%; right:2%; width:10.417vw; opacity: 0 }

	.table-scroll tbody tr:first-child td:before,
	.table-scroll tbody tr:last-child th:after,
	.table-scroll tbody tr:last-child td:after {width:90% !important;}

	.table-scroll tbody tr th:before,
	.table-scroll tbody tr th:after{width:80% !important;}

	.table-scroll {
		position:relative;
		margin:auto;
		overflow:hidden;
	}
	.table-wrap {
		width:100%;
		/* overflow:auto; */
	}
	.main-table {
		overflow-x:scroll;
		padding-bottom:5%;
	}
	.table-scroll table {
		width:100%;
		margin:auto;
		border-collapse:separate;
		border-spacing:0;
	}
	.table-scroll th, .table-scroll td {
		padding: 2vw;
		/*border:1px solid #000;*/
		background:#fff;
		white-space:nowrap;
		vertical-align:middle;
	}
	.table-scroll thead, .table-scroll tfoot {
		background:#f9f9f9;
	}
	.clone {
		position:absolute;
		top:0;
		left:0;
		pointer-events:none;
	}
	.clone th, .clone td {
		visibility:hidden
	}
	.clone td, .clone th {
		border-color:transparent
	}
	.clone tbody th {
		visibility:visible;
		/*color:red;*/
	}
	.clone .fixed-side {
		/*border:1px solid #000;*/
		/*background:#eee;*/
		visibility:visible;
	}
	.clone thead, .clone tfoot{background:transparent;}
}
@media only screen and (min-width: 1680px) {
	.page-lineup .cont2 .spec thead tr td p {font-size:26px;}
	.page-lineup .cont2 .spec thead tr td .buy-now {width:184px; line-height:46px; font-size:18px;}
	.page-lineup .cont2 .spec tbody td {position:relative; font-size:22px;}
	.page-lineup .cont2 .spec tbody tr td:first-child {font-size:22px;}
	.page-lineup .cont2 .spec tbody tr.small td:nth-of-type(n+1) {font-size:18px; line-height:20px;}

	.page-lineup .cont2 .spec thead tr td .tv {width:auto;height: 220px;vertical-align: middle;}
	.page-lineup .cont2 .spec thead tr td .tv img {width:auto;height:auto;display:inline-block;}
}

/* --------------------------------
	LINEUP - CONTENTS 3
-------------------------------- */
.page-lineup .cont3 {position:relative; margin:6% 0 0; overflow:hidden;}
.page-lineup .cont3 .title-wrap {position:relative; margin:0 3.4%; background:#000;}
.page-lineup .cont3 .title-wrap .title-texts {position:absolute;bottom: 7%;left:0;right:0;text-align:center;color:#fff;}
.page-lineup .cont3 .title-wrap .title-texts .txt1 {font-family:'Roboto'; font-weight: 300;font-size:2.604vw;letter-spacing:-0.05em;}
.page-lineup .cont3 .title-wrap .title-texts .txt1 b {font-size:3.906vw;}
.page-lineup .cont3 .title-wrap .title-texts .txt2 {font-family:'Roboto'; font-weight: 300;font-size:1.302vw;line-height:1.563vw;letter-spacing:-0.05em; margin-top:1%;}
.page-lineup .cont3 .btn-learn-more {background:#fff;color:#000;}

.page-lineup .cont3 .sub {position:relative;}
.page-lineup .cont3 .sub:before {content:' ';position:absolute;top:0;left:0;right:0;bottom:0;background:#000;z-index:-1}
.page-lineup .cont3 .sub .texts-wrap .txt2,
.page-lineup .cont3 .sub .texts-wrap .btn-more {margin-top:7%;}

.page-lineup .cont3 .sub .texts-wrap {position:absolute;top:0;bottom:0;left:0;right:0;text-align:center;color:#fff;display:flex;align-items: center;justify-content: center;}
.page-lineup .cont3 .sub.sub1 .texts-wrap {justify-content:initial;margin-left:5%;}
.page-lineup .cont3 .sub .texts-wrap .txt1 {font-family:'Roboto'; font-weight: 300;font-size:2.604vw;letter-spacing:-0.05em;}
.page-lineup .cont3 .sub .texts-wrap .txt1 b {font-size:3.906vw;}
.page-lineup .cont3 .sub .texts-wrap .txt2 {font-family:'Roboto'; font-weight: 300;font-size:1.302vw;line-height:1.563vw;letter-spacing:-0.05em;}

.page-lineup .cont3 .sub.type1:before {right: 3.4%;}
.page-lineup .cont3 .sub.type1 {padding-top:2%;}
.page-lineup .cont3 .sub.type1 .texts-wrap {left:50%;}

.page-lineup .cont3 .sub.type2 {}
.page-lineup .cont3 .sub.type2:before {left: 3.4%;}
.page-lineup .cont3 .sub.type2 .texts-wrap {right:50%;}

.page-lineup .cont3 .sub.sub1 {padding-top:5%;}
.page-lineup .cont3 .sub.sub1 .img {width:74%; margin-left:-3.7%;}
.page-lineup .cont3 .sub.sub2 {padding-top:2%;}
.page-lineup .cont3 .sub.sub2 .img {margin-left: 48.6%;width:51.4%;}
.page-lineup .cont3 .sub.sub3 {padding-top:2%;}
.page-lineup .cont3 .sub.sub3 .img {width:55.1%; padding-bottom:5%;}

@media only screen and (max-width: 1023px) {
	.page-lineup .cont3 {margin-top:15%;}
	.page-lineup .cont3 .title-wrap {margin:0 3.9%;}
	.page-lineup .cont3 .title-wrap .title-texts .txt1 b {font-size:8.854vw;}
	.page-lineup .cont3 .title-wrap .title-texts .txt1 {font-size:6.250vw;}
	.page-lineup .cont3 .title-wrap .title-texts .txt2 {font-size: 3.906vw;line-height: 5.208vw;width: 86%;margin: 4% auto 0;}
	.page-lineup .cont3 .btn-learn-more {margin-top:5%;}

	/* 190522 start */
	.page-lineup .cont3 .sub + .sub {padding-top: 10%;}
	/* 190522 end */
	.page-lineup .cont3 .sub:before,
	.page-lineup .cont3 .sub.type1:before,
	.page-lineup .cont3 .sub.type2:before{left:3.9%;right:3.9%;}
	.page-lineup .cont3 .sub.sub3{padding-bottom:15%;}
	.page-lineup .cont3 .sub .texts-wrap .txt1 {font-size:6.250vw;}
	.page-lineup .cont3 .sub .texts-wrap .txt1 b {font-size:8.854vw;}
	.page-lineup .cont3 .sub .texts-wrap .txt2 {font-size: 3.906vw;line-height: 5.208vw;margin-top: 4%;}

	.page-lineup .cont3 .sub.type1 .texts-wrap {position:relative;left:initial;top:initial;right:initial;bottom:initial;display:block;}
	.page-lineup .cont3 .sub.type1 .texts-wrap {text-align:left;margin-left:4.8%; margin-top:5%;}
	.page-lineup .cont3 .sub.type2 .texts-wrap {position:relative;left:initial;top:initial;right:initial;bottom:initial;display:block;}
	.page-lineup .cont3 .sub.type2 .texts-wrap {text-align:right;margin-right:7.8%; margin-top:5%;}
	.page-lineup .cont3 .sub.sub3 .texts-wrap {margin-top: 0;}

	/* 190522  start */
	.page-lineup .cont3 .sub.sub1{padding-top:0;}
	.page-lineup .cont3 .sub.sub1 .img {width:79.1%;margin-left:3.9%;}
	.page-lineup .cont3 .sub.sub2 .img {width:auto;margin-left:17%;margin-right:3.9%}
	.page-lineup .cont3 .sub.sub3 .img {width:79.1%;margin-left:3.9%;}
	/* 190522  end */
}
@media only screen and (min-width: 1680px) {
	.page-lineup .cont3 .title-wrap .title-texts .txt1,
	.page-lineup .cont3 .sub .texts-wrap .txt1{font-size:49px;}
	.page-lineup .cont3 .title-wrap .title-texts .txt1 b,
	.page-lineup .cont3 .sub .texts-wrap .txt1 b {font-size:74px;}
	.page-lineup .cont3 .sub .texts-wrap .txt2,
	.page-lineup .cont3 .title-wrap .title-texts .txt2 {font-size:25px; line-height:29px;}
}

/* --------------------------------
	LINEUP - CONTENTS 4
-------------------------------- */
.page-lineup .cont4 {position:relative; margin:2% 3.4% 5%;}

@media only screen and (max-width: 1023px) {
	.page-lineup .cont4 {margin-bottom:10%;}
	.page-lineup .cont4 p {width:90%;}
}
@media only screen and (min-width: 1680px) {
}


/* --------------------------------
	Processor - CONTENTS 1
-------------------------------- */
.page-processor .cont1 {position:relative;}
.page-processor .cont1 .texts-wrap {position:absolute;top: 0;left:0;right:0;bottom:0;text-align:center;color:#fff;display:flex;align-items: center;justify-content: center;}
.page-processor .cont1 .texts-wrap .texts {}
.page-processor .cont1 .texts-wrap .texts p:nth-child(1) {font-family:'Roboto'; font-weight: bold; font-size:4.688vw; letter-spacing: -0.05em;}
.page-processor .cont1 .texts-wrap .texts p:nth-child(2) {font-family:'Roboto';font-size: 3.906vw;letter-spacing: -0.05em;margin-top:2%;}
.page-processor .cont1 .texts-wrap .texts .txt2 {white-space:nowrap;}
.page-processor .cont1 .texts-wrap .texts .txt2 span+span {position: relative; margin-left:.5vw;}
.page-processor .cont1 .texts-wrap .texts .txt2 span+span:before {content:'';position: absolute;top:50%;margin-top: -0.4vw;left: -.9vw;width: .6vw;height: .6vw;background-color: #fff;border-radius: 50%;}
.page-processor .cont1 .texts-wrap .find-out-more {margin-top:10%;}
.page-processor .cont1 .btn-more {background-color:#fff; border-color:#fff; margin-top:8%;}
.page-processor .cont1 .scroll-bottom {bottom: -13%;}
.page-processor .cont1 .line-wrap {top: 10%; bottom:58%;}

@media only screen and (max-width: 1023px) {
	.page-processor .cont1 .scroll-bottom {bottom: -5.5%;}
	.page-processor .cont1 .line-wrap {top:40%;}
	.page-processor .cont1 .texts-wrap .texts p:nth-child(1) {font-size: 8vw;line-height: 10.156vw;}
	.page-processor .cont1 .texts-wrap .texts p:nth-child(2) {font-size: 6vw;}
}
@media only screen and (min-width: 1680px) {
	.page-processor .cont1 .texts-wrap .texts p:nth-child(1) {font-size:90px;}
	.page-processor .cont1 .texts-wrap .texts p:nth-child(2) {font-size: 75px;}
	.page-processor .cont1 .texts-wrap .texts .txt2 span+span:before {left:0;width:12px;height:12px;margin-left:-20px;}
	.page-processor .cont1 .texts-wrap .find-out-more {width:240px; line-height:64px; font-size:19px; margin-top:5%;
		-webkit-border-radius: 45px;
		-moz-border-radius: 45px;
		border-radius: 45px;
	}
}


/* --------------------------------
	Processor - CONTENTS 2
-------------------------------- */
.page-processor .cont2 {margin-top:10%;}
.page-processor .cont2 .texts-wrap {text-align:center;}
.page-processor .cont2 .texts-wrap .txt1 {font-family:'Roboto'; font-size:3.385vw; line-height: 4.167vw; letter-spacing:-0.05em;}
.page-processor .cont2 .texts-wrap .txt1 b {font-size:3.906vw;}
.page-processor .cont2 .texts-wrap .txt2 {font-family:'Roboto'; font-weight: 300;font-size:1.354vw;line-height:1.875vw; margin-top:3%;}
.page-processor .cont2 .bg {margin:5% auto; width:100%;}
.page-processor .cont2 .video-wrap {position:relative;width:73.9%;margin:0 auto;}

@media only screen and (max-width: 1023px) {
	.page-processor .cont2 {margin-top:30%;}
	.page-processor .cont2 .texts-wrap {text-align:left;margin-left:3.9%;width: 90%;}
	.page-processor .cont2 .texts-wrap .txt1 b {font-size: 7.813vw;line-height: 8.073vw;letter-spacing:-0.05em;}
	.page-processor .cont2 .texts-wrap .txt1 {font-size: 6.771vw;line-height: 8.073vw;letter-spacing:-0.05em;}
	.page-processor .cont2 .texts-wrap .txt2 {font-size: 3.906vw;line-height: 5.208vw;letter-spacing:-0.05em;margin-top:5%;}
	.page-processor .cont2 .bg {margin: 5% 0 0;width:auto;}
	.page-processor .cont2 .video-wrap {position:relative;width:92%;margin:0% auto;}
}
@media only screen and (min-width: 1680px) {
	.page-processor .cont2 .texts-wrap .txt1 {font-size:65px; line-height:80px;}
	.page-processor .cont2 .texts-wrap .txt1 b {font-size:75px;}
	.page-processor .cont2 .texts-wrap .txt2 {font-family:'Roboto'; font-weight: 300;font-size:26px;line-height:36px;}
}


/* --------------------------------
	Processor - CONTENTS 3
-------------------------------- */
.page-processor .cont3 {position:relative; margin:12% 4% 0;}
.page-processor .cont3 .bg {}
.page-processor .cont3 .texts {position:absolute; top:0; left:0; right:0; bottom:0;display:flex;align-items:center;}
.page-processor .cont3 .texts .texts-wrap {width:96%; display:inline-block; text-align:right;color:#fff;}
.page-processor .cont3 .texts .txt1 {font-family:'Roboto'; font-weight: bold; font-size:4.3vw; letter-spacing: -0.04em;}
.page-processor .cont3 .texts .txt2 {position:relative; display:inline-block; margin-top:3%; font-family:'Roboto'; font-size:2vw; line-height:2.2vw; letter-spacing: -0.04em;}
.page-processor .cont3 .texts .txt2:before {content:''; position:absolute; top:-30%; left:0; right:0; height:1px; background:#fff;}

@media only screen and (max-width: 1023px) {
	.page-processor .cont3 {margin:15% 0 0;}
	.page-processor .cont3 .texts .txt1 {font-size:7.552vw;}
	.page-processor .cont3 .texts .txt2 {font-size:3.906vw;line-height:4.427vw;letter-spacing: -0.06em;}
}
@media only screen and (min-width: 1680px) {
	.page-processor .cont3 .texts .txt1 {font-size:87px;}
	.page-processor .cont3 .texts .txt2 {font-size:40px;}
}

.page-processor .cont3 + a { display:block; margin-bottom:4%; }


/* --------------------------------
	Processor - CONTENTS 4
-------------------------------- */
.page-processor .cont4 {position:relative; margin:5% 17.1% 0 8.8%;}
/*.page-processor .cont4 .bg {position:absolute; top:0; left:0; right:0; bottom:0; background:#eeeff1; z-index:-1;}*/
.page-processor .cont4 .texts {position:relative;}
.page-processor .cont4 .texts .txt1 {font-family:'Roboto'; font-size:3.385vw; line-height:3.906vw; letter-spacing: -0.05em;}
.page-processor .cont4 .texts .txt1 b {font-size:3.958vw;}
.page-processor .cont4 .texts .txt2 {font-family:'Roboto'; font-weight: 300;font-size:1.3vw;line-height:2vw;letter-spacing:-0.05em;margin-top:3%;color:#000;}
.page-processor .cont4 .texts .txt2 p+p {margin-top:1%;}
.page-processor .cont4 .img {margin-top:3%;}

@media only screen and (max-width: 1023px) {
	.page-processor .cont4 {margin: 15% 3.9% 0;}
	.page-processor .cont4 .texts {text-align:left;}
	.page-processor .cont4 .texts .txt1 b {font-size:7.552vw;line-height:8.073vw;letter-spacing:-0.05em;}
	.page-processor .cont4 .texts .txt1 {font-size:4.948vw;line-height:5.469vw;letter-spacing:-0.05em;}
	.page-processor .cont4 .texts .txt2 {font-size: 3.906vw;line-height: 5.208vw;letter-spacing:-0.05em;margin-top:5%;}
	.page-processor .cont4 .img {margin: 8% 0 0;width:auto;}
}
@media only screen and (min-width: 1680px) {
	.page-processor .cont4 .texts .txt1 {font-size:65px; line-height:76px;}
	.page-processor .cont4 .texts .txt1 b {font-size:75px;}
}


/* --------------------------------
	Processor - CONTENTS 5
-------------------------------- */
.page-processor .cont5 {position:relative; margin-top:5%; margin-left:8.8%; text-align:right;}
.page-processor .cont5 .bg {position:absolute; top:0; left:0; right:0; bottom:0; background:#eeeff1; z-index:-1;}
.page-processor .cont5 .texts {position:relative; padding-top:5%; margin-right:8.8%;}
.page-processor .cont5 .texts .txt1 {font-family:'Roboto'; font-size:3.385vw; line-height:3.906vw; letter-spacing: -0.05em;}
.page-processor .cont5 .texts .txt1 b {font-size:3.958vw;}
.page-processor .cont5 .texts .txt2 {font-family:'Roboto'; font-weight: 300;font-size:1.3vw;line-height:2vw;letter-spacing:-0.05em;margin-top:1.5%;color:#000;}
.page-processor .cont5 .texts .txt2 p+p {margin-top:1%;}
.page-processor .cont5 .img {display:inline-block;margin:3% 8.8%;}

@media only screen and (max-width: 1023px) {
	.page-processor .cont5 {margin:15% 3.9% 0;}
	/* 190522 start */
	.page-processor .cont5 .bg {left:-4.2%;right:-4.2%;}
	/* 190522 end */
	.page-processor .cont5 .texts {text-align:right;padding-top:15%;margin-right:0;margin-left: 3%;}
	.page-processor .cont5 .texts .txt1 b {font-size:7.552vw;line-height:8.073vw;letter-spacing:-0.05em;}
	.page-processor .cont5 .texts .txt1 {font-size:4.948vw;line-height:5.469vw;letter-spacing:-0.05em;}
	.page-processor .cont5 .texts .txt2 {font-size: 3.906vw;line-height: 5.208vw;letter-spacing:-0.05em;margin-top:5%;}
	.page-processor .cont5 .img {margin: 8% 0 15% 5%;width:auto;}
}
@media only screen and (min-width: 1680px) {
	.page-processor .cont5 .texts .txt1 {font-size:65px; line-height:76px;}
	.page-processor .cont5 .texts .txt1 b {font-size:75px;}
}

/* --------------------------------
	Processor - CONTENTS 6
-------------------------------- */
.page-processor .cont6 {position:relative; margin:12% 4% 0;}
.page-processor .cont6 .bg {}
.page-processor .cont6 .texts {position:absolute; top:0; left:0; right:0; bottom:0;display:flex;align-items:center;}
.page-processor .cont6 .texts .texts-wrap {width:96%; display:inline-block; text-align:right;color:#fff;}
.page-processor .cont6 .texts .txt1 {font-family:'Roboto'; font-weight: bold; font-size:4.3vw; letter-spacing: -0.04em;}
.page-processor .cont6 .texts .txt2 {position:relative; display:inline-block; margin-top:3%; font-family:'Roboto'; font-size:2vw; line-height:2.2vw; letter-spacing: -0.04em;}
.page-processor .cont6 .texts .txt2:before {content:''; position:absolute; top:-30%; left:0; right:0; height:1px; background:#fff;}

@media only screen and (max-width: 1023px) {
	.page-processor .cont6 {margin:15% 0 0;}
	.page-processor .cont6 .texts .txt1 {font-size:7.552vw;}
	.page-processor .cont6 .texts .txt2 {font-size:3.906vw;line-height:4.427vw;letter-spacing: -0.06em;}
}
@media only screen and (min-width: 1680px) {
	.page-processor .cont6 .texts .txt1 {font-size:87px;}
	.page-processor .cont6 .texts .txt2 {font-size:40px;}
}

.page-processor .cont6 + a { display:block; margin-bottom:4%; }


/* --------------------------------
	Processor - CONTENTS 7
-------------------------------- */
.page-processor .cont7 {position:relative; margin:5% 17.1% 0 8.8%; padding:5% 0;}
.page-processor .cont7 .bg {position:absolute; top:0; left:-17.1%; right:-8.8%; bottom:0; background:#eeeff1; z-index:-1;}
.page-processor .cont7 .texts {position:relative;}
.page-processor .cont7 .texts .txt1 {font-family:'Roboto'; font-size:3.385vw; line-height:3.906vw; letter-spacing: -0.05em;}
.page-processor .cont7 .texts .txt1 b {font-size:3.958vw;}
.page-processor .cont7 .texts .txt2 {font-family:'Roboto'; font-weight: 300;font-size:1.3vw;line-height:2vw;letter-spacing:-0.05em;margin-top:3%;color:#000;}
.page-processor .cont7 .texts .txt2 p+p {margin-top:1%;}
.page-processor .cont7 .img {margin-top:3%;}

@media only screen and (max-width: 1023px) {
	.page-processor .cont7 {margin: 15% 3.9% 0;padding: 12% 0;}
	.page-processor .cont7 .bg {top: -0.5%;}
	.page-processor .cont7 .texts {text-align:left;}
	.page-processor .cont7 .texts .txt1 b {font-size:7.552vw;line-height:8.073vw;letter-spacing:-0.05em;}
	.page-processor .cont7 .texts .txt1 {font-size:4.948vw;line-height:5.469vw;letter-spacing:-0.05em;}
	.page-processor .cont7 .texts .txt2 {font-size: 3.906vw;line-height: 5.208vw;letter-spacing:-0.05em;margin-top:5%;}
	.page-processor .cont7 .img {margin: 8% 15% 0 0;width:auto;}
}
@media only screen and (min-width: 1680px) {
	.page-processor .cont7 .texts .txt1 {font-size:65px; line-height:76px;}
	.page-processor .cont7 .texts .txt1 b {font-size:75px;}
}


/* --------------------------------
	Processor - CONTENTS 8
-------------------------------- */
.page-processor .cont8 {position:relative; margin-top:5%; margin-left:8.8%; text-align:right;}
.page-processor .cont8 .texts {position:relative; padding-top:5%; margin-right:8.8%;}
.page-processor .cont8 .texts .txt1 {font-family:'Roboto'; font-size:3.385vw; line-height:3.906vw; letter-spacing: -0.05em;}
.page-processor .cont8 .texts .txt1 b {font-size:3.958vw;}
.page-processor .cont8 .texts .txt2 {font-family:'Roboto'; font-weight: 300;font-size:1.3vw;line-height:2vw;letter-spacing:-0.05em;margin-top:1.5%;color:#000;}
.page-processor .cont8 .texts .txt2 p+p {margin-top:1%;}
.page-processor .cont8 .img {display:inline-block;margin:3% 8.8% 0 17.1%;}
.page-processor .cont8-desc {margin:4% 8.8% 0;}

@media only screen and (max-width: 1023px) {
	.page-processor .cont8 {margin:15% 3.9% 0;}
	.page-processor .cont8 .bg {left:0;right:-4.2%;}
	.page-processor .cont8 .texts {text-align:right;padding-top: 0;margin-right:0;margin-left: 5.9%;}
	.page-processor .cont8 .texts .txt1 b {font-size:7.552vw;line-height:8.073vw;letter-spacing:-0.05em;}
	.page-processor .cont8 .texts .txt1 {font-size:4.948vw;line-height:5.469vw;letter-spacing:-0.05em;}
	.page-processor .cont8 .texts .txt2 {font-size: 3.906vw;line-height: 5.208vw;letter-spacing:-0.05em;margin-top:5%;}
	.page-processor .cont8 .img {margin: 8% 0 0 5.9%;width:auto;}
}
@media only screen and (min-width: 1680px) {
	.page-processor .cont8 .texts .txt1 {font-size:65px; line-height:76px;}
	.page-processor .cont8 .texts .txt1 b {font-size:75px;}
}


/* --------------------------------
	4K HDR - CONTENTS 1
-------------------------------- */
.page-hdr .cont1 {position:relative;}
.page-hdr .cont1 .texts-wrap {position:absolute;top: 0;left:0;right:0;bottom:0;text-align:center;color:#fff;display:flex;align-items: center;justify-content: center;}
.page-hdr .cont1 .texts-wrap .texts {}
.page-hdr .cont1 .texts-wrap .texts p:nth-child(1) {font-family:'Roboto'; font-weight: bold; font-size:5.1vw; letter-spacing: -0.045em;}
.page-hdr .cont1 .texts-wrap .texts p:nth-child(2) {font-family:'Roboto'; font-size:3vw; letter-spacing: -0.04em; margin-top:2%;}
.page-hdr .cont1 .texts-wrap .texts p:nth-child(2) b {font-family:'Roboto'; font-weight: bold;}
.page-hdr .cont1 .bottom {position:absolute;top: 82%;bottom:-1.5%;left:0;right:0;text-align:center;}
.page-hdr .cont1 .btn-more {background-color:#fff; border-color:#fff; margin-top:12%;}

.page-hdr .scroll-bottom {margin-top:1%;}
.page-hdr .scroll-bottom .line-wrap {bottom:-30%;}

@media only screen and (max-width: 1023px) {
	.page-hdr .cont1 .texts-wrap .texts {margin-top:0%;}
	.page-hdr .cont1 .bottom {top:95%; bottom:-10%;}
	.page-hdr .cont1 .texts-wrap .texts p:nth-child(1) {font-size:9.8vw;}
	.page-hdr .cont1 .texts-wrap .texts p:nth-child(2) {font-size:6.5vw; line-height:7.8vw;}

	.page-hdr .scroll-bottom {margin-top:0;top: 95%;bottom: -4%;}
	.page-hdr .scroll-bottom .txt {margin-top:1.7%;}
	.page-hdr .scroll-bottom .line-wrap {top: 0;bottom: -10%;}
}
@media only screen and (min-width: 1680px) {
	.page-hdr .cont1 .texts-wrap .texts p:nth-child(1) {font-size:98px;}
	.page-hdr .cont1 .texts-wrap .texts p:nth-child(2) {font-size:58px;}
	.page-hdr .scroll-bottom .txt {bottom:-30px;}
}

/* --------------------------------
	4K HDR - CONTENTS 2
-------------------------------- */
.page-hdr .cont2 {text-align:center; margin-top:10%}
.page-hdr .cont2 .texts {color:#222428;}
.page-hdr .cont2 .texts .txt1 {font-family:'Roboto'; font-weight: 300;font-size:3.6vw;letter-spacing:-0.05em;}
.page-hdr .cont2 .texts .txt1 b {font-family:'Roboto'; font-weight: bold;}
.page-hdr .cont2 .texts .txt2 {font-family:'Roboto'; font-weight: 300;font-size: 1.354vw;line-height: 1.563vw;margin-top:2%;letter-spacing:-0.05em;}
.page-hdr .cont2 .texts .txt2 p + p {margin-top:1%;}
.page-hdr .cont2 .logo {margin:5.5% 36.5% 5.5% 39.5%;}
.page-hdr .cont2 .texts2 {font-family:'LGSmartLight';font-size:2.1vw; margin-top:4%;}
.page-hdr .cont2 .texts2 b {font-family:'LGSmartBold';}
.page-hdr .cont2 .texts2 .img1 {display:inline-block; width:13.8%;vertical-align:middle;}
.page-hdr .cont2 .texts2 .img2 {display:inline-block; width:8.4%; vertical-align:middle;}
.page-hdr .cont2 .texts2 > * + * {margin-left:3.1%;}

@media only screen and (max-width: 1023px) {
	.page-hdr .cont2 {margin-top:30%;}
	.page-hdr .cont2 .texts .txt1 {font-size: 7.813vw;line-height: 8.073vw;margin: 0 0%;font-family:'Roboto';}
	.page-hdr .cont2 .texts .txt2 {font-size: 3.906vw;line-height: 5.208vw;margin:5% 6% 0;color:#000;}
	.page-hdr .cont2 .texts2.mb .texts-wrap {font-size:5.8vw; margin-top:8%;}
	.page-hdr .cont2 .texts2.mb .texts-wrap .row {}
	.page-hdr .cont2 .texts2.mb .texts-wrap .row > * {display:inline-block; vertical-align:middle;}
	.page-hdr .cont2 .texts2.mb .texts-wrap .row > * + * {margin-left: 7%;}
	.page-hdr .cont2 .texts2.mb .texts-wrap .row .img2 {width:19.531vw;}
	.page-hdr .cont2 .texts2.mb .texts-wrap .row+.row {margin-top:8%;}
}
@media only screen and (min-width: 1680px) {
	.page-hdr .cont2 .texts .txt1 {font-size:70px; line-height:76px}
	.page-hdr .cont2 .texts .txt2 {font-size:26px; line-height:36px;}
}

/* --------------------------------
	4K HDR - CONTENTS 3
-------------------------------- */
.page-hdr .cont3 {position:relative;margin-top:7%;padding-top:5%;padding-bottom:10%;}
.page-hdr .cont3 .bg {position:absolute;background-color:#eeeff1;top:0;left:0%;right:6.2%;bottom: 29%;z-index:-1;}
.page-hdr .cont3 .texts {color:#222428;}
.page-hdr .cont3 .texts .txt1 {width:50%; font-family:'Roboto'; font-weight: 300; font-size:3.6vw; line-height:4vw; letter-spacing:-0.04em; text-align:left; margin-left:6.2%;}
.page-hdr .cont3 .texts .txt1 b {font-family:'Roboto'; font-weight: bold;}
.page-hdr .cont3 .texts .txt2 {font-family:'Roboto'; font-weight: 300; font-size:1.3vw; line-height:1.7vw; color:#424448; margin-top:2%; margin-left:6.2%; letter-spacing:-0.06em;}
.page-hdr .cont3 .texts .video-wrap {position:relative; margin:2.8% 18% 0 6.2%;}
.page-hdr .cont3 .bottom {position:relative}
.page-hdr .cont3 .bottom .img {width:36.5%; margin:5% auto 0;}
.page-hdr .cont3 .description {margin-top: 2%;margin-left: 4%;}

@media only screen and (max-width: 1023px) {
	.page-hdr .cont3 {margin-top:20%;}
	.page-hdr .cont3 .bg {left:0;right: 0;bottom: 34%;}
	.page-hdr .cont3 .texts .txt1 {font-family:'Roboto';width:80%;font-size:5.990vw;line-height:7.5vw;margin-left: 3.9%;margin-top:2%;}
	.page-hdr .cont3 .texts .txt2 {font-size: 3.906vw;line-height: 5.208vw;margin-left: 3.9%;margin-right: 3.9%;color:#000;}
	.page-hdr .cont3 .texts .video-wrap {margin: 5% 3.9% 0;}
	.page-hdr .cont3 .bottom .img {width:auto;margin: 15% 7% 5%;}
	.page-hdr .cont3 .description {margin-top: 4%;}
}
@media only screen and (min-width: 1680px) {
	.page-hdr .cont3 .texts .txt1 {font-size:70px; line-height:74px;}
	.page-hdr .cont3 .texts .txt2 {font-size:26px;}
}

/* --------------------------------
	4K HDR - CONTENTS 4
-------------------------------- */
.page-hdr .cont4 {position:relative; margin-top:-5%; margin-left:8.8%; text-align:right;}
/*.page-hdr .cont4 .bg {position:absolute; top:0; left:0; right:0; bottom:0; background:#eeeff1; z-index:-1;}*/
.page-hdr .cont4 .texts {position:relative; padding-top:5%; margin-right:8.8%;}
.page-hdr .cont4 .texts .txt1 {font-family:'Roboto'; font-size:3.385vw; line-height:3.906vw; letter-spacing: -0.05em;}
.page-hdr .cont4 .texts .txt1 b {font-size:3.958vw;}
.page-hdr .cont4 .texts .txt2 {font-family:'Roboto'; font-weight: 300;font-size:1.3vw;line-height:2vw;letter-spacing:-0.05em;margin-top:1.5%;color:#000;}
.page-hdr .cont4 .texts .txt2 p+p {margin-top:1%;}
.page-hdr .cont4 .img {position:relative;display:inline-block;margin:3% 8.8%;}

@media only screen and (max-width: 1023px) {
	.page-hdr .cont4 {margin:-5% 3.9% 0;}
	.page-hdr .cont4 .texts {margin:0;}
	.page-hdr .cont4 .texts .txt1 {font-size:5.990vw;line-height:6.510vw;text-align: left;}
	.page-hdr .cont4 .texts .txt1 b {font-size:5.990vw;}
	.page-hdr .cont4 .texts .txt2 {font-size: 3.906vw;line-height: 5.208vw;text-align: left;margin-top: 5%;width: 90%;}
	.page-hdr .cont4 .img {margin: 8% 0 0;}
	.page-hdr .cont4 .texts .txt2 p+p {margin-top:5%;}
}
@media only screen and (min-width: 1680px) {
	.page-processor .cont4 .texts .txt1 {font-size:65px; line-height:76px;}
	.page-processor .cont4 .texts .txt1 b {font-size:75px;}
}

/* --------------------------------
	4K HDR - CONTENTS 5
-------------------------------- */
.page-hdr .cont5 {position:relative;margin: 5% 6.2% 0;padding:5% 0;}
.page-hdr .cont5 .bg {position:absolute;top:0;left: -7%;right:0;bottom:0;background:#eeeff1;z-index:-1;}
.page-hdr .cont5 .texts {position:relative;}
.page-hdr .cont5 .texts .txt1 {font-family:'Roboto'; font-size:3.385vw; line-height:3.906vw; letter-spacing: -0.05em;}
.page-hdr .cont5 .texts .txt1 b {font-size:3.958vw;}
.page-hdr .cont5 .texts .txt2 {font-family:'Roboto'; font-weight: 300;font-size:1.3vw;line-height:2vw;letter-spacing:-0.05em;margin-top:3%;color:#000;}
.page-hdr .cont5 .texts .txt2 p+p {margin-top:1%;}
.page-hdr .cont5 > .img {margin-top:3%; margin-right:13.5%;}

.page-hdr .cont5 .sub {margin-top:8%; margin-right:4.4%; margin-left:15.6%;}
.page-hdr .cont5 .sub .sub-texts-wrap {font-family:'Roboto'; font-weight: 300;font-size:1.3vw;line-height:2vw;letter-spacing:-0.05em;margin-top:3%;color:#000;text-align:right;}
.page-hdr .cont5 .sub .img {margin-top:5%;}
.page-hdr .cont5 .sub .description {margin-top:3%;}

.bottom-description {margin-top:3%; margin-left:6.2%;}

@media only screen and (max-width: 1023px) {
	.page-hdr .cont5 {margin: 8% 3.9% 0;padding-top:8%;}
	/* 190522 start */
	.page-hdr .cont5 .bg {left: -4.2%;right: -4.2%;}
	/* 190522 end */
	.page-hdr .cont5 .texts .txt1,
	.page-hdr .cont5 .texts .txt1 b {font-size:5.990vw; line-height:6.510vw;}
	.page-hdr .cont5 .texts .txt2 {font-size: 3.906vw;line-height: 5.208vw;margin-top: 5%;margin-right: 3.9%;}
	.page-hdr .cont5 > .img {margin-top:8%;margin-right: 6.5%;}
	.page-hdr .cont5 .sub {text-align:left;margin: 8% 0 0;}
	.page-hdr .cont5 .sub .sub-texts-wrap {font-size: 3.906vw;line-height: 5.208vw;margin-top: 15%;text-align: left;margin-right: 3.9%;margin-left: 0;}
	.page-hdr .cont5 .sub > .img {margin-top:8%;margin-right: 6.5%;}
	.bottom-description {margin-left: 3.9%;}
}
@media only screen and (min-width: 1680px) {
	.page-hdr .cont5 .texts .txt1 {font-size:65px; line-height:76px;}
	.page-hdr .cont5 .texts .txt1 b {font-size:75px;}
}

/* 4K HDR start */
/* --------------------------------
	4K HDR - CONTENTS 6
-------------------------------- */

.page-hdr .cont6 {text-align:center; margin-top:10%}
.page-hdr .cont6 .texts {color:#222428;}
.page-hdr .cont6 .texts .txt1 {font-family:'Roboto'; font-weight: 300;font-size:3.6vw;letter-spacing:-0.05em;}
.page-hdr .cont6 .texts .txt1 b {font-family:'Roboto'; font-weight: 500;}
.page-hdr .cont6 .texts .txt2 {font-family:'Roboto'; font-weight: 300;font-size: 1.354vw;line-height: 1.563vw;margin-top:2%;letter-spacing:-0.05em;margin-bottom:4%;}

@media only screen and (max-width: 1023px) {
	.page-hdr .cont6{margin-top:15%;}
	.page-hdr .cont6 .texts .txt1 {font-size: 6.5vw;line-height: 8.073vw;margin: 0 0%;font-family:'Roboto'; font-weight: 400;}
	.page-hdr .cont6 .texts .txt2 {font-size: 3.906vw;line-height: 5.208vw;margin:5% 6% 6%;color:#000;}
}
@media only screen and (min-width: 1680px) {
	.page-hdr .cont6 .texts .txt1 {font-size:70px; line-height:76px}
	.page-hdr .cont6 .texts .txt2 {font-size:26px; line-height:36px;}
}
/* --------------------------------
	4K HDR - CONTENTS 7
-------------------------------- */
.page-hdr .cont7 {text-align:center; padding-top:10%;padding-bottom:4%;background:#eee;}
.page-hdr .cont7 .texts {color:#222428;}
.page-hdr .cont7 .texts .txt1 {font-family:'Roboto'; font-weight: 300;font-size:3.6vw;letter-spacing:0em;}
.page-hdr .cont7 .texts .txt1 b {font-family:'Roboto'; font-weight: 500;}
.page-hdr .cont7 .texts .txt2 {font-family: 'Roboto'; font-weight: 300;font-size: 1.354vw;line-height: 1.563vw;margin-top:2%;letter-spacing:-0.05em;}
.page-hdr .cont7 .img-wrap{position: relative;width:66.6vw;margin:0 auto;}
.page-hdr .cont7 .img-wrap div{position: absolute;top:1.7vw;font-family: 'Roboto'; font-weight: 300; font-size:1.3vw;letter-spacing:-0.05em;text-align:left;}
.page-hdr .cont7 .img-wrap div b{font-family:'Roboto'; font-weight:bold; font-size:1.8vw;letter-spacing:0em;}
.page-hdr .cont7 .img-wrap .input-lag{left:27vw;}
.page-hdr .cont7 .img-wrap .hdmi{right:17vw;text-align:center;}
.page-hdr .cont7 .img-wrap img{margin:4% 0 4%;}
.page-hdr .cont7 .description{text-align: left;margin-left: 5%;margin-top: 0%;}
@media only screen and (max-width: 1023px){
	.page-hdr .cont7 .texts .txt1 {font-size: 6.5vw;line-height: 8.073vw;margin: 0 0%;font-family:'Roboto';  }
	.page-hdr .cont7 .texts .txt2 {font-size: 3.906vw;line-height: 5.208vw;margin:5% 6% 0;color:#000;}
	.page-hdr .cont7 .img-wrap{width:91.2vw;margin:0 auto;}
	.page-hdr .cont7 .img-wrap img{margin:8% 0 8%;}
	.page-hdr .cont7 .img-wrap div{font-size:4.3vw;top:2.2vw;}
	.page-hdr .cont7 .img-wrap div b{font-size:5.4vw;}
	.page-hdr .cont7 .img-wrap .input-lag{left:29vw;}
	.page-hdr .cont7 .img-wrap .hdmi{right:4vw;text-align:center;}
}
@media only screen and (min-width: 1680px){
	.page-hdr .cont7 .texts .txt1 {font-size:70px; line-height:76px}
	.page-hdr .cont7 .texts .txt2 {font-size:26px; line-height:36px;}
	.page-hdr .cont7 .img-wrap div{font-size:26px;top:34px;}
	.page-hdr .cont7 .img-wrap div b{font-size:35px;}
}



/* 4K HDR end */
/* --------------------------------
	Dolby - CONTENTS 1
-------------------------------- */
.page-dolby .cont1 {position:relative;}
.page-dolby .cont1 .texts-wrap {position:absolute;top: 0;left:0;right:0;bottom:0;text-align:center;color:#fff;display:flex;align-items: center;justify-content: center;}
.page-dolby .cont1 .texts-wrap .texts {}
.page-dolby .cont1 .texts-wrap .texts p:nth-child(1) {font-family:'Roboto'; font-weight: bold; font-size:5.1vw; letter-spacing: -0.045em;}
.page-dolby .cont1 .texts-wrap .texts p:nth-child(2) {font-family:'Roboto'; font-size:3vw; letter-spacing: -0.04em; margin-top:2%;}
.page-dolby .cont1 .texts-wrap .texts p:nth-child(2) b {font-family:'Roboto'; font-weight: bold;}
.page-dolby .cont1 .texts-wrap .texts span:nth-child(1) {font-size:2.292vw;vertical-align:top;}
.page-dolby .cont1 .texts-wrap .texts span:nth-child(2) {font-size:1.292vw;vertical-align:top;}
.page-dolby .cont1 .bottom {position:absolute;top: 82%;bottom:-1.5%;left:0;right:0;text-align:center;}
.page-dolby .cont1 .btn-more {background-color:#fff; border-color:#fff; margin-top:12%;}

.page-dolby .scroll-bottom {margin-top:1%;}
.page-dolby .scroll-bottom .line-wrap {bottom:-30%;}

@media only screen and (max-width: 1023px) {
	.page-dolby .cont1 .texts-wrap .texts {margin-top:0%;}
	.page-dolby .cont1 .bottom {top:95%; bottom:-10%;}
	.page-dolby .cont1 .texts-wrap .texts p:nth-child(1) {font-size:8.854vw;}
	.page-dolby .cont1 .texts-wrap .texts p:nth-child(2) {font-size:6.250vw;margin-top:0;}

	.page-dolby .scroll-bottom {margin-top:0;top: 95%;bottom: -4%;}
	.page-dolby .scroll-bottom .txt {margin-top:1.7%;}
	.page-dolby .scroll-bottom .line-wrap {top: 0;bottom: -10%;}
}
@media only screen and (min-width: 1680px) {
	.page-dolby .cont1 .texts-wrap .texts p:nth-child(1) {font-size:98px;}
	.page-dolby .cont1 .texts-wrap .texts p:nth-child(2) {font-size:58px;}
	.page-dolby .cont1 .texts-wrap .texts span {font-size:44px;}
	.page-dolby .scroll-bottom .txt {bottom:-30px;}
}


/* --------------------------------
	Dolby - CONTENTS 2
-------------------------------- */
.page-dolby .cont2 {text-align:center; margin-top:10%}
.page-dolby .cont2 .texts {color:#222428;}
.page-dolby .cont2 .texts .txt1 {font-family:'Roboto'; font-weight: 300;font-size:3.6vw;letter-spacing:-0.05em;}
.page-dolby .cont2 .texts .txt1 b {font-family:'Roboto'; font-weight: bold;}
.page-dolby .cont2 .texts .txt2 {font-family:'Roboto'; font-weight: 300;font-size: 1.354vw;line-height: 1.875vw;margin-top:2%;letter-spacing:-0.05em;}
.page-dolby .cont2 .texts .txt2 p + p {margin-top:1%;}
.page-dolby .cont2 .img {position:relative; margin: 3% auto 0; width:73.9%;}
.page-dolby .description {margin-top:2%;margin-left: 13%;text-align:left;}

@media only screen and (max-width: 1023px) {
	.page-dolby .cont2 {margin-top:30%;}
	.page-dolby .cont2 .texts .txt1 {font-size: 7.813vw;line-height: 8.073vw;margin:0 6%;}
	.page-dolby .cont2 .texts .txt2 {font-size: 3.906vw;line-height: 5.208vw;margin:5% 6% 0;font-family:'Roboto'; font-weight: 300;}
	.page-dolby .cont2 .img {margin:8% 3.9% 0; width:auto;}
	.page-dolby .description {margin-left:3.9%;margin-right:3.9%;}
}
@media only screen and (min-width: 1680px) {
	.page-dolby .cont2 .texts .txt1 {font-size:70px; line-height:76px}
	.page-dolby .cont2 .texts .txt2 {font-size:26px; line-height:36px;}
}

/* --------------------------------
	Dolby - CONTENTS 3
-------------------------------- */
.page-dolby .cont3 {position:relative;margin-top:7%;padding-top:5%;}
.page-dolby .cont3 .bg {position:absolute;background-color:#eeeff1;top:0;left:6.2%;right:0;bottom: 20%;z-index:-1;}
.page-dolby .cont3 .texts {color:#222428;text-align: left;}
.page-dolby .cont3 .texts .txt1 {font-family:'Roboto'; font-weight: 300;font-size:3.6vw;line-height:4vw;letter-spacing:-0.04em;margin-right:8.8%;text-align: right;}
.page-dolby .cont3 .texts .txt1 b {font-family:'Roboto'; font-weight: bold;}
.page-dolby .cont3 .texts .txt2 {font-family:'Roboto'; font-weight: 300;font-size:1.3vw;line-height:1.7vw;color:#424448;margin-top:2%;margin-right:8.8%;letter-spacing:-0.06em;text-align: right;}
.page-dolby .cont3 .texts .video-wrap {display: block;margin: 3% 8.9% 0 12%;}
.page-dolby .cont3 .bottom {position:relative}
.page-dolby .cont3 .bottom .img {width:36.5%; margin:3% auto 0;}
.page-dolby .cont3 .video-wrap {position:relative}
.page-dolby .cont3 .description {margin-top:4%;margin-left: 13%;text-align:left;}
.page-dolby .cont3 .video-wrap .txt {font-family: 'Roboto';font-weight:bold;
	font-size: 2.292vw;
	position: absolute;
	top: 5%;
	z-index: 9;
	color: #fff;
}
.page-dolby .cont3 .video-wrap .txt.left {left:4%;}
.page-dolby .cont3 .video-wrap .txt.right {right:4%;}


@media only screen and (max-width: 1023px) {
	.page-dolby .cont3 {margin-top:15%;padding-top: 10%;}
	/* 190522 start */
	.page-dolby .cont3 .bg {left:0%;bottom: 16%;height:102%;}
	/* 190522 end */
	.page-dolby .cont3 .texts .txt1 {font-family:'Roboto';width: auto;font-size: 5.790vw;line-height: 6vw;margin-left: 5.5%;margin-top:2%;margin-right: 3.9%;letter-spacing: -0.05em;}
	.page-dolby .cont3 .texts .txt2 {font-size: 3.906vw;line-height: 5.208vw;margin-left:7.8%;margin-right: 3.9%;margin-top: 5%;}
	.page-dolby .cont3 .texts .video-wrap {margin: 8% 0 3% 7.8%;}
	.page-dolby .cont3 .texts .txt2 p+p {margin-top:3%;}
	.page-dolby .cont3 .bottom {}
	.page-dolby .cont3 .bottom .img {width:54.4%;}
	.page-dolby .cont3 .description {margin-top:5%;margin-left:3.9%;margin-right:3.9%;}
}
@media only screen and (min-width: 1680px) {
	.page-dolby .cont3 .texts .txt1 {font-size:70px; line-height:74px;}
	.page-dolby .cont3 .texts .txt2 {font-size:26px;}
	.page-dolby .cont3 .video-wrap .txt {font-size:44px;}
}

/* --------------------------------
	Dolby - CONTENTS 4
-------------------------------- */
.page-dolby .cont4 {position:relative;margin: 5% 3.9% 0;padding:5% 0;}
.page-dolby .cont4 .texts {position:relative;}
.page-dolby .cont4 .texts .txt1 {font-family:'Roboto'; font-size:3.385vw; line-height:3.906vw; letter-spacing: -0.05em;}
.page-dolby .cont4 .texts .txt1 b {position:relative; font-size:3.958vw;}
.page-dolby .cont4 .texts .txt2 {font-family:'Roboto'; font-weight: 300;font-size:1.3vw;line-height:2vw;letter-spacing:-0.05em;margin-top:2%;color:#000;}
.page-dolby .cont4 .texts .txt2 p+p {margin-top:1%;}
.page-dolby .cont4 .video-wrap {position:relative; margin-top:3%; margin-right:13.5%;}
.page-dolby .cont4 .texts b {position:relative;}
.page-dolby .cont4 .texts span:nth-child(1) {font-size:1.563vw;vertical-align:top; line-height:2vw;}
.page-dolby .cont4 .texts span:nth-child(2) {font-size:1.563vw;vertical-align:top; line-height:2vw;}

@media only screen and (max-width: 1023px) {
	.page-dolby .cont4 .texts .txt1 b {font-size: 5.990vw;}
	.page-dolby .cont4 .texts .txt1 {width: auto;font-size: 5.990vw;line-height: 6vw;letter-spacing: -0.05em;}
	.page-dolby .cont4 .texts .txt2 {font-size: 3.906vw;line-height: 5.208vw;margin-right: 3.9%;margin-top: 5%;}
	.page-dolby .cont4 .video-wrap {margin-top:7%; margin-left:-4.2%; margin-right:3.9%;}
}
@media only screen and (min-width: 1680px) {
	.page-dolby .cont4 .texts .txt1 {font-size:65px; line-height:76px;}
	.page-dolby .cont4 .texts .txt1 b {font-size:75px;}
}

/* --------------------------------
	Dolby - CONTENTS 5
-------------------------------- */
.page-dolby .cont5 {position:relative;margin: 5% 0;padding:5% 0;}
.page-dolby .cont5 .bg {position:absolute;background-color:#eeeff1;top:0;left:4.1%;right:4.1%;bottom: 0;z-index:-1;}
.page-dolby .cont5 .texts {position:relative; text-align:center;}
.page-dolby .cont5 .texts .txt1 {font-family:'Roboto'; font-size:3.906vw; line-height:4.167vw; letter-spacing: -0.05em;}
.page-dolby .cont5 .texts .txt2 {font-family:'Roboto'; font-weight: 300;font-size:1.3vw;line-height:2vw;letter-spacing:-0.05em;margin-top:2%;color:#000;}
.page-dolby .cont5 .texts .txt2 p+p {margin-top:1%;}
.page-dolby .cont5 .video-wrap {position:relative; margin-top:3%; margin-right:13.5%;}
.page-dolby .cont5 .texts b {position:relative;}
.page-dolby .cont5 .texts span:nth-child(1) {font-size:2.292vw;vertical-align:top; line-height:3vw;}
.page-dolby .cont5 .texts span:nth-child(2) {font-size:1.563vw;vertical-align:top; line-height:2vw;}

@media only screen and (max-width: 1023px) {
	.page-dolby .cont5 {padding: 12% 0 10%;}
	.page-dolby .cont5 .bg {left:0;right:0;}
	.page-dolby .cont5 .texts .txt1 b {font-size: 5.990vw;}
	.page-dolby .cont5 .texts .txt1 {width: auto;font-size: 5.990vw;line-height: 7vw;letter-spacing: -0.05em;}
	.page-dolby .cont5 .texts .txt2 {font-size: 3.906vw;line-height: 5.208vw;margin-right: 3.9%;margin-top: 5%;margin-left:3.9%;}
	.page-dolby .cont5 .texts span:nth-child(1) {font-size: 3.292vw;line-height: 5vw;}
	.page-dolby .cont5 .texts span:nth-child(2) {font-size: 2.563vw;line-height: 4vw;}
	.page-dolby .cont5 #entertainment {margin-top:8%;}
}
@media only screen and (min-width: 1680px) {
	.page-dolby .cont5 .texts .txt1 {font-size:75px; line-height:80px;}
	.page-dolby .cont5 .texts span {font-size:44px;}
	.page-dolby .cont5 .texts span:nth-child(2) {font-size:30px}
}

/* dolby entertainment */
.page-dolby #entertainment {margin-top:3%;}
.page-dolby #entertainment iframe {width:100%; height:360px; }
.page-dolby #entertainment .img-pull .vtext {top:39%; }
.page-dolby #entertainment .tlayer .out {top:auto;bottom:10%; } /*2018-07-16 수정*/
.page-dolby #entertainment .tlayer .in {text-align:center; }

@media only screen and (min-width:768px) {
	.page-dolby #entertainment iframe {height:554px; }
}
@media only screen and (min-width: 1024px)  {
	.page-dolby #entertainment ul.alert {margin:20px 0 0 20px; }
	.page-dolby #entertainment iframe {height:560px; }
	.page-dolby #entertainment .tlayer .out {top:72%; } /*2018-07-16 수정*/
}
@media only screen and (min-width: 1280px)  {
	.page-dolby #entertainment iframe {height:698px; }
}




/* 2019-04-22 : question 추가 ------------ */

/* 메인 영역에 추가 */
.page-main .question {position:relative;margin-top:4%;}
.page-main .question .texts {position:absolute;left:0;right:0;bottom: 5%;text-align:center;}
.page-main .question .texts .txt1 {font-family:'Roboto'; font-weight:bold; font-size:3.385vw;letter-spacing:-0.05em;}
.page-main .question .btn-learn-more {margin-top:1%;}
@media only screen and (max-width: 1023px) {
	.page-main .question {margin-top: 15%;}
	.page-main .question .texts .txt1 {font-size:6.510vw;}
}
@media only screen and (min-width: 1680px) {
	.page-main .question .texts .txt1 {font-size:65px}
}

.main-header.bottom-line {border-bottom:1px solid rgba(255, 255, 255, 0.2);}
.main-nav .bg .thumb .view1 .texts {top: 85%;}
/* -------------
		page-truth -start
-------------*/
.page-truth .cont1 {position:relative;}
.page-truth .cont1 .texts-wrap {position:absolute;top: 0;left:0;right:0;bottom:8%;text-align:center;color:#fff;display:flex;align-items: flex-end;justify-content: center;}
.page-truth .cont1 .texts-wrap .texts {}
.page-truth .cont1 .texts-wrap .texts .txt1,
.page-truth .cont1 .texts-wrap .texts .txt2 {font-family:'Roboto'; font-weight:bold; font-size:4.948vw; letter-spacing: -0.05em; color:#000;}

.page-truth .scroll-bottom {margin-top:1%;}
.page-truth .scroll-bottom .line-wrap {bottom:-30%;}
.page-truth .scroll-bottom .txt {margin-top:.7%;}


@media only screen and (max-width: 1023px) {
	.page-truth .cont1 .texts-wrap {bottom:8%;}
	.page-truth .cont1 .texts-wrap .texts .txt1,
	.page-truth .cont1 .texts-wrap .texts .txt2 {font-size:7.854vw;line-height:8.375vw;text-align:center;margin:auto;}
	.page-truth .cont1 .texts-wrap .texts .txt2 {margin-top:2%;}
	.page-truth .cont1 .texts-wrap .texts .txt2 b {font-size:8.333vw;}
	.page-truth .scroll-bottom {margin-top:0;}
	.page-truth .scroll-bottom .line-wrap {top:40%;}
	.page-truth .scroll-bottom .txt {margin-top:2%;}
}
@media only screen and (min-width: 1680px) {
	.main-header.bottom-line {border-bottom:0;}
	.page-truth .cont1 .texts-wrap .texts .txt1,
	.page-truth .cont1 .texts-wrap .texts .txt2 {font-size:95px;}
}

.page-truth .cont2 {position:relative;margin-top:6%;}
.page-truth .cont2 .bar {margin-left:10%;margin-bottom:7%;}
.page-truth .cont2 .texts-wrap {}
.page-truth .cont2 .texts-wrap .texts {text-align:center;}
.page-truth .cont2 .texts-wrap .texts .txt1 {font-family:'Roboto'; font-weight:bold; font-size:3.906vw; line-height: 4.427vw; letter-spacing: -0.05em; color:#000;}
.page-truth .cont2 .texts-wrap .texts .txt2 {font-family:'Roboto'; font-weight:300; font-size:1.354vw; line-height: 1.875vw; letter-spacing: -0.05em; color:#000; margin-top:2%;}
.page-truth .cont2 .texts-wrap .texts .txt2.typeB{margin-bottom:5%;}
.page-truth .cont2 .texts-wrap .texts .txt3 {font-family:'Roboto';  font-style: italic; font-size:2.083vw; line-height: 2.344vw; letter-spacing: -0.05em; color:#000; margin-top:2%;}
.page-truth .cont2 .texts-wrap .texts .txt4 {font-family:'Roboto'; font-weight:300; font-size:1.354vw; letter-spacing: -0.03em; color:#000; margin-top:2%;}
.page-truth .cont2 .texts-wrap .texts .txt4 .cnet {display:inline-block;vertical-align: middle;width:3.8%;}
.page-truth .cont2 .texts-wrap .texts .txt4 span {margin-left:.7%;}
.page-truth .cont2 .texts-wrap .texts .txt5 {font-family:'Roboto'; font-weight:bold;font-size:3.906vw;line-height: 4.427vw;letter-spacing: -0.05em;color:#000;width: 60%;margin: 8% auto 0;}
.page-truth .cont2 .texts-wrap .texts .txt6 {font-family:'Roboto'; font-weight:300; font-size:1.354vw; line-height: 1.875vw; letter-spacing: -0.05em; color:#000; margin:3% auto 0;}
.page-truth .cont2 > .img {margin-top:3%;}
.page-truth .cont2 .texts-wrap .texts .txt7{font-family:'Roboto'; font-weight:bold;font-size:3.06vw;line-height: 4.427vw;letter-spacing: -0.05em;color:#000;width: 100%;margin: 0% auto 0;}
.page-truth .cont2 .texts-wrap .texts .txt8{font-family:'Roboto'; font-weight:bold;font-size:2vw;line-height: 4.427vw;letter-spacing: -0.05em;color:#000;width:100%;margin: 2% auto 0;}
/* cnet_more */
.page-truth .cont2 .texts-wrap .texts .cnet_more{margin-top:2vw;}
.page-truth .cont2 .texts-wrap .texts .cnet_more a{font-family:'Roboto'; font-weight:bold;font-size:1vw;}
/* cnet_more */
.page-truth .cont2 .texts-wrap2 .texts {text-align:center;}
.page-truth .cont2 .texts-wrap2 .texts .txt1 {font-family:'Roboto'; font-weight:300; font-size:1.354vw; line-height: 1.875vw; letter-spacing: -0.05em; color:#000; width:70%; margin:5% auto 0;}
.page-truth .cont2 .texts-wrap2 .texts .txt2 {font-family:'Roboto'; font-weight:normal; font-size:1.771vw; line-height: 2.292vw; letter-spacing: -0.05em; color:#000; margin-top:5%;}
.page-truth .cont2 .btn-wrap {text-align:center;margin-top:3%;}
.page-truth .btn {display:inline-block;background:#363636;color:#fff;font-family:'Roboto'; font-weight:bold;font-size:1.042vw;padding:1vw 1.5vw;border-radius:2.5vw;}
.page-truth .cont2 .shadow-line {margin-top:5%;}
.page-truth .cont2 .sub-shadow-line1 {width:26.9%;margin:2% auto;}
.page-truth .cont2 .sub-shadow-line2 {width:26.9%;margin:2% auto 0;}
.page-truth .cont2 .video-wrap {position:relative;width:86%;margin:5% auto 0;background: #eee;padding:4% 0 4%;}
.page-truth .cont2 .video-wrap a{display:block;width:13.5vw;height:2.8vw;background: #363636;color:#fff;margin:0 auto;line-height:2.8vw;font-size:1.2vw;font-family:'GothamBold';border-radius:6vw;}
.page-truth .cont2 .video-wrap .video_box{position: relative;width:80%;margin:2% auto 0;}
.page-truth .cont2 .video-wrap .video_box a.btn-play{width:100%;height:auto;position: static;cursor: pointer;}
.page-truth .cont2 .video-wrap p{width:80%;margin:2% auto 0;text-align:left;font-size:0.8vw;font-family:'Roboto'; font-weight:300;}
.page-truth .cont2 .img-cont {position:relative;margin-top:3%;}
.page-truth .cont2 .img-cont .row1, .page-truth .cont2 .img-cont .row2,
.page-truth .cont2 .img-cont .row3, .page-truth .cont2 .img-cont .left-head,
.page-truth .cont2 .img-cont .box1, .page-truth .cont2 .img-cont .box2 {position:absolute;top:0;left:0;right:0;bottom:0}

.page-truth .cont2 .img-cont .row1 p {position:absolute;top: 40%;font-family:'Roboto'; font-weight:normal;font-size:1.823vw;line-height: 2.500vw;color:#fff;}
.page-truth .cont2 .img-cont .row1 p:nth-child(1) {left: 11.5%;}
.page-truth .cont2 .img-cont .row1 p:nth-child(2) {left: 32%;}
.page-truth .cont2 .img-cont .row1 p:nth-child(3) {left: 60%;color:#000;text-align: center;top: 39%;}
.page-truth .cont2 .img-cont .row1 p:nth-child(4) {left: 80%;color:#000;font-size:2.344vw;top: 39%;}
.page-truth .cont2 .img-cont .row2 {position:absolute;top: 49%;left: 38%;font-family:'Roboto'; font-weight:bold;font-size:2.344vw;color:#58595b;letter-spacing: -0.05em;}
.page-truth .cont2 .img-cont .row3 p {position:absolute;top: 56%;font-family:'Roboto'; font-weight:bold;font-size:2.344vw;color:#000;letter-spacing: -0.05em;}
.page-truth .cont2 .img-cont .row3 p:nth-child(1) {left: 43.5%;}
.page-truth .cont2 .img-cont .row3 p:nth-child(2) {left: 58.5%;}
.page-truth .cont2 .img-cont .left-head p {position:absolute;left: 0%;font-family:'Roboto'; font-weight:bold;font-size:1.563vw;color:#fff;letter-spacing: -0.05em;width: 14%;text-align: center;}
.page-truth .cont2 .img-cont .left-head p:nth-child(1) {top: 67%;}
.page-truth .cont2 .img-cont .left-head p:nth-child(2) {top: 81%;}
.page-truth .cont2 .img-cont .box1 p:nth-child(1) {position:absolute;top: 61%;left: 15.5%;font-family:'Roboto'; font-weight:normal;font-size:2.083vw;letter-spacing:-0.05em;}
.page-truth .cont2 .img-cont .box1 p:nth-child(2) {position:absolute;top: 66%;left: 16%;font-family:'Roboto'; font-weight:normal;font-size:1.823vw;letter-spacing:-0.05em;}
.page-truth .cont2 .img-cont .box1 p:nth-child(3) {position:absolute;top: 66%;left: 27%;font-family:'Roboto'; font-weight:normal;font-size:1.823vw;letter-spacing:-0.05em;}
.page-truth .cont2 .img-cont .box1 p:nth-child(4) {position:absolute;top: 74.5%;left: 20%;font-family:'Roboto'; font-weight:normal;font-size:1.302vw;letter-spacing:-0.05em;color:#58585a;}
.page-truth .cont2 .img-cont .box1 p:nth-child(5) {position:absolute;top: 76%;left: 22.5%;font-family:'Roboto'; font-weight:normal;font-size:1.302vw;letter-spacing:-0.05em;color:#58585a;}
.page-truth .cont2 .img-cont .box1 p:nth-child(6) {position:absolute;top: 86.2%;left: 25.3%;font-family:'Roboto'; font-weight:normal;font-size:1.302vw;letter-spacing:-0.05em;color:#58585a;}
.page-truth .cont2 .img-cont .box1 p:nth-child(7) {position:absolute;top: 90%;left: 18.2%;font-family:'Roboto'; font-weight:normal;font-size:1.979vw;letter-spacing:-0.05em;}

.page-truth .cont2 .img-cont .box2 p:nth-child(1) {position:absolute;top: 61.2%;left: 73%;font-family:'Roboto'; font-weight:bold;font-size:2.292vw;letter-spacing:-0.05em;}
.page-truth .cont2 .img-cont .box2 p:nth-child(2) {position:absolute;top: 65.7%;left: 80%;font-family:'Roboto'; font-weight:normal;font-size:1.823vw;letter-spacing:-0.05em;}
.page-truth .cont2 .img-cont .box2 p:nth-child(3) {position:absolute;top: 72.5%;left: 78.4%;font-family:'Roboto'; font-weight:normal;font-size:1.302vw;letter-spacing:-0.05em;color:#58585a;}
.page-truth .cont2 .img-cont .box2 p:nth-child(4) {position:absolute;top: 79.7%;left: 88.8%;font-family:'Roboto'; font-weight:normal;font-size:1.250vw;letter-spacing:-0.05em;color:#fff;text-align: center;}
.page-truth .cont2 .img-cont .box2 p:nth-child(5) {position:absolute;top: 84.3%;left: 84%;font-family:'Roboto'; font-weight:normal;font-size:1.302vw;letter-spacing:-0.05em;color:#58585a;}
.page-truth .cont2 .img-cont .box2 p:nth-child(6) {position:absolute;top: 88%;left: 75.2%;font-family:'Roboto'; font-weight:normal;font-size:1.979vw;letter-spacing:-0.05em;text-align: center;}

@media only screen and (max-width: 1023px) {
	.page-truth .cont2 {margin-top:15%;}
	.page-truth .cont2 .texts-wrap .texts {margin-left:0;}
	.page-truth .cont2 .texts-wrap .texts .txt1 {font-size:7.813vw;line-height:8.073vw;text-align: center;}
	.page-truth .cont2 .texts-wrap .texts .txt2 {font-size:3.385vw;line-height:5.208vw;text-align:left;margin-top:4%;text-align:center;}
	/* cnet_more */
	.page-truth .cont2 .texts-wrap .texts .cnet_more a{font-size:3.5vw;}
	/* cnet_more */
	.page-truth .cont2 > .img {margin-top:7%;}
	.page-truth .cont2 .texts-wrap2 .texts .txt1 {font-size:3.906vw;line-height:5.208vw;margin: 7% 4.2% 0;width:auto;letter-spacing:-0.06em;}
	.page-truth .cont2 .texts-wrap2 .texts .txt2 {font-size:5.208vw;line-height:5.729vw;margin-top:7%;}
	.page-truth .btn {font-size:2.865vw;padding: 2vw 5vw;border-radius:5vw;}
	.page-truth .cont2 .btn-wrap {margin-top:5%;}
	.page-truth .cont2 .shadow-line {margin:13% 2.6% 0;}
	.page-truth .cont2 .bar {margin:0 0 12%;}
	.page-truth .cont2 .sub-shadow-line1,
	.page-truth .cont2 .sub-shadow-line2 {width:auto;margin:5% 14.9%;}
	.page-truth .cont2 .texts-wrap .texts .txt3 {font-size:4.948vw;line-height:4.948vw;letter-spacing:-0.07em;margin-top: 6%;}
	.page-truth .cont2 .texts-wrap .texts .txt4 {margin-top: 6%;}
	.page-truth .cont2 .texts-wrap .texts .txt4 .cnet {width:9.5%;margin-bottom:2%;}
	.page-truth .cont2 .texts-wrap .texts .txt4 span {font-size:3.385vw;}
	.page-truth .cont2 .video-wrap {width:78.2%;margin-top:7%}
	.page-truth .cont2 .video-wrap p{width:80%;margin:2% auto 0;text-align:left;font-size:2.8vw;font-family:'Roboto'; font-weight:300;}
	.page-truth .cont2 .texts-wrap .texts .txt5 {font-size:7.552vw;line-height:8.073vw;width: 95%;}
	.page-truth .cont2 .texts-wrap .texts .txt6 {font-size:3.385vw;line-height:5.208vw;}
	.page-truth .cont2 .texts-wrap .texts .txt6 p:nth-child(1) {width:77%;margin:auto;}
	.page-truth .cont2 .texts-wrap .texts .txt6 p:nth-child(2) {width: 83%;margin:auto;}
	.page-truth .cont2 .texts-wrap .texts .txt7{font-size: 7.5vw;line-height:8vw;}
	.page-truth .cont2 .texts-wrap .texts .txt7 b{letter-spacing:-0.07em !important;}
	.page-truth .cont2 .texts-wrap .texts .txt8{font-size:5.5vw;line-height:6vw;margin: 4% auto 0;}
	.page-truth .cont2 .video-wrap a{width:30vw;height:6.8vw;line-height:6.8vw;margin:3% auto 4%;font-size:3vw;}
	.page-truth .cont2 .video-wrap{width:100%;margin-top:15%;    padding:8% 0 8%;}
	.page-truth .cont2 .img-cont {position:relative;margin-top:3%;}
	.page-truth .cont2 .img-cont .row1, .page-truth .cont2 .img-cont .row2,
	.page-truth .cont2 .img-cont .row3, .page-truth .cont2 .img-cont .left-head,
	.page-truth .cont2 .img-cont .box1, .page-truth .cont2 .img-cont .box2 {position:absolute;top:0;left:0;right:0;bottom:0}

	.page-truth .cont2 .img-cont .row1 p {position:absolute;top: 21.2%;font-family:'Roboto'; font-weight:normal;font-size:2.344vw;line-height:2.474vw;color:#fff;}
	.page-truth .cont2 .img-cont .row1 p:nth-child(1) {left: 8.5%;}
	.page-truth .cont2 .img-cont .row1 p:nth-child(2) {left: 30%;}
	.page-truth .cont2 .img-cont .row1 p:nth-child(3) {left: 60%;color:#000;text-align: center;top: 21%;}
	.page-truth .cont2 .img-cont .row1 p:nth-child(4) {left: 84%;color:#000;font-size:2.865vw;top: 21%;}
	.page-truth .cont2 .img-cont .row2 {position:absolute;top: 28%;left: 43%;font-family:'Roboto'; font-weight:bold;font-size:3.125vw;color:#58595b;letter-spacing: -0.05em;right: 7%;text-align: center;}
	.page-truth .cont2 .img-cont .row3 p {position:absolute;top: 52.5%;font-family:'Roboto'; font-weight:bold;font-size: 3.385vw;color:#000;letter-spacing: -0.05em;}
	.page-truth .cont2 .img-cont .row3 p:nth-child(1) {left: 35.5%;}
	.page-truth .cont2 .img-cont .row3 p:nth-child(2) {left: 69.5%;}
	.page-truth .cont2 .img-cont .left-head p {position:absolute;left: 3%;font-family:'Roboto'; font-weight:bold;font-size:3.125vw;color:#fff;letter-spacing: -0.05em;width: 22%;text-align: center;}
	.page-truth .cont2 .img-cont .left-head p:nth-child(1) {top: 67%;}
	.page-truth .cont2 .img-cont .left-head p:nth-child(2) {top: 78%;}
	.page-truth .cont2 .img-cont .box1 p:nth-child(1) {position:absolute;top: 57%;left: 31.5%;font-family:'Roboto'; font-weight:normal;font-size: 3.646vw;letter-spacing:-0.05em;width: 23%;text-align: center;}
	.page-truth .cont2 .img-cont .box1 p:nth-child(2) {position:absolute;top: 64.5%;left: 27.5%;font-family:'Roboto'; font-weight:normal;font-size: 2.604vw;letter-spacing:-0.05em;}
	.page-truth .cont2 .img-cont .box1 p:nth-child(3) {position:absolute;top: 64.5%;left: 42%;font-family:'Roboto'; font-weight:normal;font-size: 2.604vw;letter-spacing:-0.05em;}
	.page-truth .cont2 .img-cont .box1 p:nth-child(4) {position:absolute;top: 72.5%;left: 29%;font-family:'Roboto'; font-weight:normal;font-size: 2.344vw;letter-spacing:-0.05em;color:#58585a;}
	.page-truth .cont2 .img-cont .box1 p:nth-child(5) {position:absolute;top: 74%;left: 30.5%;font-family:'Roboto'; font-weight:normal;font-size: 2.344vw;letter-spacing:-0.05em;color:#58585a;}
	.page-truth .cont2 .img-cont .box1 p:nth-child(6) {position:absolute;top: 85.2%;left: 38.3%;font-family:'Roboto'; font-weight:normal;font-size: 2.344vw;letter-spacing:-0.05em;color:#58585a;}
	.page-truth .cont2 .img-cont .box1 p:nth-child(7) {position:absolute;top: 90%;left: 28.2%;font-family:'Roboto'; font-weight:normal;font-size: 3.125vw;letter-spacing:-0.05em;}

	.page-truth .cont2 .img-cont .box2 p:nth-child(1) {position:absolute;top: 57.2%;left: 68.5%;font-family:'Roboto'; font-weight:bold;font-size: 3.646vw;letter-spacing:-0.05em;text-align: center;width: 21%;}
	.page-truth .cont2 .img-cont .box2 p:nth-child(2) {position:absolute;top: 64.7%;left: 72.5%;font-family:'Roboto'; font-weight:normal;font-size: 2.604vw;letter-spacing:-0.05em;}
	.page-truth .cont2 .img-cont .box2 p:nth-child(3) {position:absolute;top: 72.5%;left: 65.8%;font-family:'Roboto'; font-weight:normal;font-size: 2.344vw;letter-spacing:-0.05em;color:#58585a;}
	.page-truth .cont2 .img-cont .box2 p:nth-child(4) {position:absolute;top: 79.7%;left: 84.5%;font-family:'Roboto'; font-weight:normal;font-size: 2.344vw;letter-spacing:-0.05em;color:#fff;text-align: center;}
	.page-truth .cont2 .img-cont .box2 p:nth-child(5) {position:absolute;top: 85%;left: 76%;font-family:'Roboto'; font-weight:normal;font-size: 2.344vw;letter-spacing:-0.05em;color:#58585a;}
	.page-truth .cont2 .img-cont .box2 p:nth-child(6) {position:absolute;top: 89%;left: 64.2%;font-family:'Roboto'; font-weight:normal;font-size: 3.125vw;letter-spacing:-0.05em;text-align: center;}
}
}
@media only screen and (min-width: 1680px) {
	.page-truth .cont2 .texts-wrap .texts .txt1 {font-size:75px; line-height:85px;}
	.page-truth .cont2 .texts-wrap .texts .txt2 {font-size:26px; line-height:36px;}
	.page-truth .cont2 .texts-wrap .texts .txt3 {font-size:40px; line-height:45px;}
	.page-truth .cont2 .texts-wrap .texts .txt4 {font-size:26px;}
	.page-truth .cont2 .texts-wrap .texts .txt5 {font-size:75px; line-height:85px;}
	.page-truth .cont2 .texts-wrap .texts .txt6 {font-size:26px;}
	.page-truth .cont2 .texts-wrap2 .texts .txt1 {font-size:26px; line-height:36px;}
	.page-truth .cont2 .texts-wrap2 .texts .txt2 {font-size:34px; line-height:44px;}
	.page-truth .btn {font-size:20px;padding:18px 25px;border-radius:30px;}
}

.page-truth .cont3 {position:relative;margin-top:7%;}
.page-truth .cont3 > .texts-wrap {text-align:center;}
.page-truth .cont3 > .texts-wrap .txt1 {font-family:'Roboto'; font-weight:bold; font-size:3.906vw; line-height: 4.427vw; letter-spacing: -0.05em; color:#000;}
.page-truth .cont3 > .texts-wrap .txt2 {font-family:'Roboto'; font-weight:300; font-size:1.563vw; line-height: 2.083vw; letter-spacing: -0.05em; color:#000; margin:3% auto 0;}
.page-truth .cont3 > .texts-wrap .txt2 sup{font-size:0.8vw; color:#6b6b6b;}
.page-truth .cont3 .description {margin:4% 0 2% 4%;}
.page-truth .cont3 .description span {margin-left:1%;}
.page-truth .cont3 .row {overflow:hidden;}
.page-truth .cont3 .row .col {float: left;width:49.5%;background: #eeeeee;}
.page-truth .cont3 .row .col .col-wrap {
	padding: 5% 7.7% .5%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.page-truth .cont3 .row .col .txt1 {font-family:'Roboto'; font-weight:bold;font-size:1.875vw;letter-spacing: -0.05em;}
.page-truth .cont3 .row .col .img {margin-top: 3%;}
.page-truth .cont3 .row .col .description {margin:1.5% 0 3%;height: 40px;;line-height:1;}
.page-truth .cont3 .row .col + .col {margin-left:1%;}
.page-truth .cont3 .row .col + .col .txt1 {text-align:right;}
.page-truth .cont3 .row .col + .col .description {text-align:right;}

.page-truth .cont3 .row.square {margin-bottom: 33%;}

.page-truth .cont3 .row.circles {position:absolute;top: 39%;left:0;right:0;}
.page-truth .cont3 .row.circles .col {background: transparent;text-align:right;}
.page-truth .cont3 .row.circles .img {display:inline-block;margin:0;width: 70%;}
.page-truth .cont3 .row.circles .img p {text-align:center; font-family:'Roboto'; font-weight:normal;font-size:2.604vw;letter-spacing: -0.05em;}
.page-truth .cont3 .row.circles .col + .col{text-align:left;}
.page-truth .cont3 .row.circles .col + .col .img{margin-left:7%;}
.page-truth .cont3-description {margin-top: 10%;}
.page-truth .cont3 .row.cm {margin-top:1.5%;}
.page-truth .cont3 .row.cm .col-wrap {padding-bottom:0%;}
.page-truth .cont3 .row.cm .img {padding:0 0%;}
.page-truth .cont3 .row.cm + .description {margin: 2% 4% 0;}
.page-truth .cont3 .shadow-line {margin-top:5%;margin-right: 8%;}

@media only screen and (max-width: 1023px) {
	.page-truth .cont3 .texts-wrap p {font-size:7.552vw;line-height:8.073vw;letter-spacing:-0.05em;}
	.page-truth .cont3 > .texts-wrap .txt2 p {font-size:3.385vw;line-height:3.906vw;}
	.page-truth .cont3 .row .col .description{margin:3% 0 3%;}
	.page-truth .cont3 > .texts-wrap .txt2 p sup{font-size:2.344vw;color:#6b6b6b;}
	.page-truth .cont3 .row .col + .col .description{text-align: left;}
	.page-truth .cont3 .shadow-line {margin-top:9%;}
	.page-truth .cont3 .description {margin-top:10%;}
	.page-truth .cont3 .row.square {margin-bottom:12%;}
	.page-truth .cont3 .row .col {float:initial;width:auto;}
	.page-truth .cont3 .row.square .col .img {position:relative;}
	.page-truth .cont3 .row.square .col .circle {position:absolute;top: 41%;left: 78%;width: 60.8%;}
	.page-truth .cont3 .row.square .col .circle p {position:absolute;bottom: -7%;left: -15%;font-family:'GothamMedium';font-size:4.427vw;letter-spacing:-0.05em;}
	.page-truth .cont3 .row .col .txt1 {font-size:3.385vw;text-align:center;}
	.page-truth .cont3 .row .col .img {margin-top:5%;}
	.page-truth .cont3 .row .col .col-wrap {padding-left:3.9%;padding-right:27.2%;margin-bottom:15%;}
	.page-truth .cont3 .row .col + .col .txt1 {text-align:center;}
	.page-truth .cont3 .row.cm .col .col-wrap {padding:5% 13.5% 0%;margin-bottom:8%;}
	.page-truth .cont3 .row .col + .col {margin-left:0;}
	.page-truth .cont3 .row.cm .col + .col .col-wrap {margin-bottom:1%;}
	.page-truth .cont3 .row.cm + .description {letter-spacing:-0.05em;padding-left:2.8vw; text-indent:-2.8vw;}
	.page-truth .cont3 .description span {margin-left:0;}
	.page-truth .cont3 .shadow-line {margin-top:12%;margin-right:0;}
}
@media only screen and (min-width: 1680px) {
	.page-truth .cont3 > .texts-wrap .txt1 {font-size:75px; line-height:85px;}
	.page-truth .cont3 > .texts-wrap .txt2 {font-size:30px; line-height:40px;}
	.page-truth .cont3 > .texts-wrap .txt2 sup{font-size:15px; color:#6b6b6b;}
	.page-truth .cont3 .row .col .txt1 {font-size:36px;}
	.page-truth .cont3 .row.circles .img p {text-align:center;font-family:'Roboto'; font-weight:normal;font-size:50px;}
}

.page-truth .cont4 {position:relative;margin-top:4%;}
.page-truth .cont4 .texts-wrap .texts {text-align:center;}
.page-truth .cont4 .texts-wrap .texts .txt1 {font-family:'Roboto'; font-weight:bold; font-size:3.906vw; line-height: 4.427vw; letter-spacing: -0.05em; color:#000; width:70%; margin:auto;}
.page-truth .cont4 .texts-wrap .texts .txt2 {font-family:'Roboto'; font-weight:300; font-size:1.563vw; line-height: 2.083vw; letter-spacing: -0.05em; color:#000; margin-top:2%;}
.page-truth .cont4 .texts-wrap .texts .txt3 {font-family:'Roboto'; font-weight:bold; font-size:2.083vw; line-height: 2.344vw; letter-spacing: -0.03em; font-style: italic; color:#000; margin-top:2%;}
.page-truth .cont4 .texts-wrap .texts .txt4 {font-family:'Roboto'; font-weight:300; font-size:1.354vw; letter-spacing: -0.03em; margin-top:2%;}
.page-truth .cont4 .texts-wrap .texts .txt4 .img {width:12.1%;display:inline-block;vertical-align: bottom;margin-right:1%;}
.page-truth .cont4 .shadow-line {margin-top:3%;}
.page-truth .cont4 .description{margin:5% 0 2% 4%;}
.page-truth .cont4 .description.typeB{margin-left:52%;margin-top:5%;}
.page-truth .cont4 .img {position:relative;}
.page-truth .cont4 .img .img-txt1 {position:absolute;color:#fff;top:2%;font-family:'Roboto'; font-weight:bold;font-size:1.875vw;letter-spacing:-0.05em;text-shadow: 2px 2px rgba(0, 0, 0, 0.26);}
.page-truth .cont4 .img .img-txt1.left {left:4%;}
.page-truth .cont4 .img .img-txt1.right {right:4%;}
.page-truth .cont4 .img .img-txt4{position:absolute;color:#fff;top:2%;font-family:'Roboto'; font-weight:300;font-size:1.2vw;letter-spacing:-0.05em;text-shadow: 2px 2px rgba(0, 0, 0, 0.26); right:32.5%;};
.page-truth .cont4 .img .img-txt4.right_left{right:32.5%;}
.page-truth .cont4 .img .img-txt2 {position:absolute;color:#000;top: 58%;font-family:'Roboto'; font-weight:300;font-size:0.833vw;line-height:1vw;letter-spacing:-0.07em;}
.page-truth .cont4 .img .img-txt2.left {left:4%;}
.page-truth .cont4 .img .img-txt2.right {right:4%;}
.page-truth .cont4 .img .img-txt3 {position:absolute;bottom:-5%;left:0%;width:100%;text-align:center;}
.page-truth .cont4 .img .img-txt3 p:nth-child(1) {font-family:'Roboto'; font-weight:normal;font-size:2.604vw;letter-spacing: -0.05em;margin-bottom:10px;}
.page-truth .cont4 .img .img-txt3 p:nth-child(2) {font-family:'Roboto'; font-weight:300;font-size:1.042vw;letter-spacing: -0.05em;}
.page-truth .cont-lineup{margin: 12% 0 5% !important; }

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

	.page-truth .cont4 {margin-top:10%;}
	.page-truth .cont4 .texts-wrap .texts .txt1 {font-size:7.552vw;line-height:8.073vw;width: 90%;}
	.page-truth .cont4 .texts-wrap .texts .txt1 b {font-size:7.813vw;line-height:8.073vw;}

	.page-truth .cont4 .texts-wrap .texts .txt2 {font-family:'Roboto'; font-weight:300;font-size:3.385vw;line-height:5.208vw;margin:4% 0 0;letter-spacing:-0.05em;}
	.page-truth .cont4 .description {margin-left:3.9%;margin-top:8%;}
	.page-truth .cont4 .texts-wrap .texts .txt3 {font-size:4.427vw;line-height:5.729vw;margin: 5% 4% 0;}
	.page-truth .cont4 .texts-wrap .texts .txt4 {margin-top:5%;font-size:3.385vw;}
	.page-truth .cont4 .texts-wrap .texts .txt4 .img {width:30.3%;}
	.page-truth .cont4 .img.mb {position:relative;}
	.page-truth .cont4 .img.mb.typeB {position:relative; margin-top:13%;}
	.page-truth .cont4 .img.mb .cont {position:relative}
	.page-truth .cont4 .img.mb .cont + .cont {margin-top:10%;margin-bottom:25%;}
	.page-truth .cont4 .img.mb .cont .img-txt1 {font-size:3.385vw;margin-left:5%;top: 8%;}
	.page-truth .cont4 .img.mb .cont .img-txt2 {font-size:2.865vw;line-height:3.385vw;top: 81%;left: 5%;}
	.page-truth .cont4 .img.mb .cont .img-txt4 {font-size:3.385vw;margin-left:5%;top: 3%;right:20%}
	.page-truth .cont4 .img .img-txt3 {text-align:center;left: 0%;bottom:-20%;}
	.page-truth .cont4 .img .img-txt3 p:nth-child(1) {font-family:'Roboto'; font-weight:bold;font-size:6vw;line-height:6.2vw;letter-spacing: -0.05em;}
	.page-truth .cont4 .img .img-txt3 p:nth-child(2) {font-size:3.385vw;line-height:4.208vw;letter-spacing: -0.05em;}
	.page-truth .cont-lineup{margin: 30% 0 5% !important; }
}
@media only screen and (min-width: 1680px) {
	.page-truth .cont4 .texts-wrap .texts .txt1 {font-size:75px; line-height:85px;}
	.page-truth .cont4 .texts-wrap .texts .txt2 {font-size:30px; line-height:40px;}
	.page-truth .cont4 .texts-wrap .texts .txt3 {font-size:39px; line-height:45px;}
	.page-truth .cont4 .texts-wrap .texts .txt4 {font-size:26px}
	.page-truth .cont4 .img .img-txt1 {font-size:36px;}
	.page-truth .cont4 .img .img-txt2 {font-size:16px;}
	.page-truth .cont4 .img .img-txt3 p:nth-child(1) {font-size:50px;}
	.page-truth .cont4 .img .img-txt3 p:nth-child(2) {font-size:20px;}
}

.page-truth .cont5 {position:relative;margin-top:10%;}
.page-truth .cont5 .texts-wrap .texts {text-align:center;}
.page-truth .cont5 .texts-wrap .texts .txt1 {font-family:'Roboto'; font-weight:bold;font-size:3.906vw;line-height:4.5vw;letter-spacing: -0.05em;color:#000;width: 100%;margin:auto;}
.page-truth .cont5 .texts-wrap .texts .txt2 p:nth-child(1){font-style:italic; font-family:'Roboto'; font-weight:bold; font-size:2.083vw; letter-spacing: -0.03em; color:#000; margin-top:5%;}
.page-truth .cont5 .texts-wrap .texts .txt3 p:nth-child(1){font-style:italic; font-family:'Roboto'; font-weight:bold; font-size:2.083vw; letter-spacing: -0.03em; color:#000; margin-top:2%;}
.page-truth .cont5 .texts-wrap .texts .txt2 .img-txt,
.page-truth .cont5 .texts-wrap .texts .txt3 .img-txt {font-family:'Roboto'; font-weight:300; font-size:1.354vw; letter-spacing: -0.03em; color:#000; margin-top:1%;}
.page-truth .cont5 .texts-wrap .texts .txt2 .img-txt sup,
.page-truth .cont5 .texts-wrap .texts .txt3 .img-txt sup {font-family:'Roboto'; font-weight:300; font-size:0.8vw; letter-spacing: -0.03em; color:#000;}
.page-truth .cont5 .texts-wrap .texts .cnet {display:inline-block;vertical-align: middle;width:3.8%; margin-right:.5%;}
.page-truth .cont5 .texts-wrap .texts .guru {display:inline-block;vertical-align: bottom;width:9.8%; margin-right:.5%;}
.page-truth .cont5 .items {display:flex;margin:5% 9.7% 0;}
.page-truth .cont5 .items p {font-family:'Roboto'; font-weight:bold;font-size:1.823vw;line-height: 2.031vw;letter-spacing: -0.05em;text-align:center;}
.page-truth .cont5 .items .item img {margin-top:5%;}
.page-truth .cont5 .items .center {position:relative;width:30%;}
.page-truth .cont5 .items .center p {position:absolute;top:0;left:0;right:0;}
.page-truth .cont5 .items .center p:nth-child(1) {top:28%}
.page-truth .cont5 .items .center p:nth-child(2) {top:70%}
@media only screen and (max-width: 1023px) {
	.page-truth .cont5 {position:relative;margin-top:23%;}
	.page-truth .cont5 .texts-wrap .texts .txt1 {font-size:7.813vw;line-height:8.073vw;width:auto;}
	.page-truth .cont5 .texts-wrap .texts .txt2 {font-family:'Roboto'; font-weight:normal;font-size:3.906vw;line-height:5.208vw;margin:4% 3.9% 0;letter-spacing:-0.06em;}
	.page-truth .cont5 .texts-wrap .texts .txt2 p+p {margin:5% 2% 0;}
	.page-truth .cont5 .items p {font-size:3.385vw;letter-spacing: 0}
	.page-truth .cont5 .items {margin:13% 3.9% 0;}
	.page-truth .cont5 .items .item img {margin-top:13%;}
	.page-truth .cont5 .items .center p {font-size:3.125vw;line-height:3.385vw;}
	.page-truth .cont5 .texts-wrap .texts .txt2 p:nth-child(1){font-size:4.948vw;line-height:4.948vw;margin-top:13%;}
	.page-truth .cont5 .texts-wrap .texts .txt3 p:nth-child(1){font-size:4.948vw;line-height:4.948vw;width:80%;margin:7% auto 0;}
	.page-truth .cont5 .texts-wrap .texts .txt2 .img-txt,
	.page-truth .cont5 .texts-wrap .texts .txt3 .img-txt {font-size:3.385vw;margin-top:5%;}
	.page-truth .cont5 .texts-wrap .texts .txt2 .img-txt sup,
	.page-truth .cont5 .texts-wrap .texts .txt3 .img-txt sup {font-family:'Roboto'; font-weight:300; font-size:2.395vw; letter-spacing: -0.03em; color:#000;}
	.page-truth .cont5 .texts-wrap .texts .cnet {width:9.5%;}
	.page-truth .cont5 .texts-wrap .texts .guru {width:24.6%;vertical-align:middle;}
	.page-truth .description {color:#828488;font-size:2.865vw;line-height:3.385vw;font-family:'Roboto'; font-weight:normal;}
}
@media only screen and (min-width: 1680px) {
	.page-truth .cont5 .texts-wrap .texts .txt1 {font-size:75px;line-height:90px;}
	.page-truth .cont5 .texts-wrap .texts .txt2 p:nth-child(1) ,
	.page-truth .cont5 .texts-wrap .texts .txt3 p:nth-child(1) {font-size:40px;}
	.page-truth .cont5 .texts-wrap .texts .txt2 .img-txt,
	.page-truth .cont5 .texts-wrap .texts .txt3 .img-txt {font-size:26px;}
	.page-truth .cont5 .items p {font-size:35px;line-height:39px;}
}

.page-truth .cont5-spec {position:relative;margin-top:10%;}
.page-truth .cont5-spec .spec-wrap {display:flex;}
.page-truth .cont5-spec .spec-head {
	position: relative;
	display: inline-block;
	text-align: center;
	/* margin-top: 15.3vw; */
	font-family:'Roboto';
	font-weight:normal;
	font-size: 1.146vw;
	line-height: 1.346vw;
	letter-spacing: -0.075em;
	margin-left:7%;
}
.page-truth .cont5-spec .spec-head .row {height: 4.5vw;display:flex;justify-content: center;align-items: center;}
/* 190710 start */
.page-truth .cont5-spec .spec-head .row .row-cont sup.pc{display: inline-block !important;font-size: 0.485vw;}
/* 190710 end */
.page-truth .cont5-spec .spec-head .row .row-cont p img {display:inline-block;width: 66%;vertical-align: top;margin-left:3%;}

.page-truth .cont5-spec .spec-head .row:nth-child(1),
.page-truth .cont5-spec .spec-cont-list .row.head-img {height:16vw;max-height: 320px;}
.page-truth .cont5-spec .spec-head .row:nth-child(2){height: 4.5vw;width: 21vw;}

.page-truth .cont5-spec .spec-cont-list {
	width:100%;
	display:inline-block;
	vertical-align: top;
	overflow:hidden;
	/* flex:1; */
	margin-right: 2%;
	padding-right: 1%;
}
/*.page-truth .cont5-spec .spec-cont-list .row.head-img {!* height:10%; *!height: 16vw;}*/
/*.page-truth .cont5-spec .spec-cont-list .row.head-img img {width:auto;height:100%;}*/
.page-truth .cont5-spec .spec-cont-list .row.head {font-size:1.563vw;}

.page-truth .cont5-spec .spec-cont-list .spec-cont {
	display:inline-block;
	vertical-align: top;
	float:left;
	width: 27%;
	margin-left:2%;
	text-align:center;
}
.page-truth .cont5-spec .spec-cont-list .spec-cont:nth-child(2) .row.head-img img {width:85%;margin:auto;}
.page-truth .cont5-spec .spec-cont-list .spec-cont:nth-child(3) .row.head-img img {width:85%;margin:auto;}
.page-truth .cont5-spec .spec-cont-list .spec-cont + .spec-cont {
	margin-left:8%;
}

.page-truth .cont5-spec .spec-cont-list .spec-cont .row-list {
	/* margin-top:20%; */
	-webkit-box-shadow: 4px 5px 16px 0px rgba(0,0,0,0.24);
	-moz-box-shadow: 4px 5px 16px 0px rgba(0,0,0,0.24);
	box-shadow: 4px 5px 16px 0px rgba(0,0,0,0.24);
	margin-bottom: 30px;
}
.page-truth .cont5-spec .spec-cont-list .spec-cont .row-list .row {position:relative;text-align:center;height: 4.5vw;display:flex;}
.page-truth .cont5-spec .spec-cont-list .spec-cont .row-list .row:before {content:' ';position:absolute;left: 15%;right: 15%;bottom:0;height:1px;background:#cccccc;}
.page-truth .cont5-spec .spec-cont-list .spec-cont .row-list .row.head {font-family:'Roboto'; font-weight:bold;font-size: 1.906vw;}
.page-truth .cont5-spec .spec-cont-list .spec-cont .row-list .row.head img {position:absolute;left:0;right:0;bottom:0;}
.page-truth .cont5-spec .spec-cont-list .spec-cont .row-list .row.head:before,
.page-truth .cont5-spec .spec-cont-list .spec-cont .row-list .row:last-of-type:before {display:none;}
.page-truth .cont5-spec .spec-cont-list .spec-cont .row-list .row .mark-wrap {position:relative;display:inline-block;}
.page-truth .cont5-spec .spec-cont-list .spec-cont .row-list .row .mark {width: 1.8vw;display:inline-block;margin-bottom:3%;}
.page-truth .cont5-spec .spec-cont-list .spec-cont .row-list .row {justify-content: center;align-items: center;
	font-family:'GothamBook';font-size:0.833vw;letter-spacing:-0.075em;
}
.page-truth .cont5-spec .spec-cont-list .spec-cont .row-list .row sup {position:absolute;font-size: 0.485vw;top: 0;left: 100%;color: #666666;}
.page-truth .cont5-spec .cont5-spec-desc {font-size: 0.833vw;margin-top:3%;}
.page-truth .cont5-spec .bg {position:absolute;z-index:-1;top: -27%;left:0;right:0;}

@media only screen and (max-width: 1023px) {
	.page-truth .cont5-spec .spec-wrap {display:block;overflow:hidden;}
	.page-truth .cont5-spec .spec-head {float:left;width: 41%;margin-left: 0;font-size: 2.804vw;line-height:3.034vw;}
	.page-truth .cont5-spec .spec-cont-list {position:relative;float:left;width: 59%;margin-right: 0;display: block;/* white-space: nowrap; *//* overflow-x:scroll; */padding-right: 0;}
	.page-truth .cont5-spec .spec-head .row{height: 10vw;}
	.page-truth .cont5-spec .spec-cont-list .spec-cont .row-list .row.head {font-family:'Roboto'; font-weight:bold;font-size: 2.906vw;}
	.page-truth .cont5-spec .spec-cont-list .spec-cont {width: 18.5vw;display: inline-block;float: initial;}
	.page-truth .cont5-spec .spec-cont-list .spec-cont .row-list {background:#fff;}
	.page-truth .cont5-spec .spec-cont-list .spec-cont .row-list .row {height: 10vw;}
	.page-truth .cont5-spec .spec-cont-list .spec-cont + .spec-cont {margin-left: 0vw;}
	.page-truth .cont5-spec .spec-cont-list .spec-cont .row-list {background:#fff;}
	/* 190710 start */
	.page-truth .cont5-spec .spec-head .row .row-cont sup.pc{display:none !important;}
	/* 190710 end */
	.page-truth .cont5-spec .spec-head .row .row-cont .mb{display: inline-block !important;}
	.page-truth .cont5-spec .spec-head .row:nth-child(1), .page-truth .cont5-spec .spec-cont-list .row.head-img {height: 16vw;background: transparent;}
	.page-truth .cont5-spec .spec-head .row:nth-child(2) {height: 10vw;}
	.page-truth .cont5-spec .spec-cont-list .spec-cont:nth-child(1) .row.head-img img {width:90%;padding-top:2vw;margin:auto;}
	.page-truth .cont5-spec .spec-cont-list .spec-cont .row-list .row {font-size:2.344vw;white-space: normal;/* padding: 0 5vw; */}
	.page-truth .cont5-spec .spec-cont-list .spec-cont .row-list .row .mark {width: 2.995vw;}
	.page-truth .cont5-spec .scroll-guide {position:absolute;z-index:10;top: 31%;right:2%;width:10.417vw;opacity: 0;}
	.page-truth .cont5-spec .spec-cont-list .spec-cont .row-list .row sup {font-size: 2.865vw;top: 50%;margin-top: -2.8vw;letter-spacing: -0.075em;}
	.page-truth .cont5-spec .bg {top: -8.5%;}
	.page-truth .cont5-spec .spec-head .row .row-cont p img {vertical-align: bottom;}

	/*
	.page-truth .cont5-spec .spec-wrap {display:block;overflow:hidden;}
	.page-truth .cont5-spec .spec-head {float:left;width: 31.641vw;margin-left: 0;font-size: 2.448vw;line-height:3.034vw;}
	.page-truth .cont5-spec .spec-cont-list {position:relative;float:left;width: 68.359vw;margin-right: 0;padding-right: 0;}
	.page-truth .cont5-spec .spec-head .row{height: 13vw;}
	.page-truth .cont5-spec .spec-cont-list .spec-cont {width: 22.096vw;display: inline-block;}
	.page-truth .cont5-spec .spec-cont-list .spec-cont .row-list .row {height: 12vw;}
	.page-truth .cont5-spec .spec-cont-list .spec-cont + .spec-cont {margin-left: 0;}
	.page-truth .cont5-spec .spec-head .row:nth-child(1), .page-truth .cont5-spec .spec-cont-list .row.head-img {height: 19vw;}
	.page-truth .cont5-spec .spec-cont-list .spec-cont .row-list .row.head {font-size: 2.904vw;}
	.page-truth .cont5-spec .spec-head .row:nth-child(2) {height: 14vw;}
	.page-truth .cont5-spec .spec-cont-list .spec-cont .row-list .row {font-size: 1.563vw;white-space: normal;padding: 0;}
	.page-truth .cont5-spec .spec-cont-list .spec-cont .row-list .row .mark {width: 2.995vw;}
	.page-truth .cont5-spec .scroll-guide {position:absolute;z-index:10;top: 31%;right:2%;width:10.417vw;opacity: 0;}
	.page-truth .cont5-spec .spec-cont-list .spec-cont .row-list .row sup {font-size: 1vw;}
	.page-truth .cont5-spec .bg {top: -8.5%;display: none;}

	.page-truth .spec-cont-list .spec-cont:nth-child(1) {position:relative;z-index:1;background:#fff;}
	.page-truth .spec-cont-list .spec-cont:nth-child(2) {position:relative;z-index:2;background:#fff;}
	.page-truth .spec-cont-list .spec-cont:nth-child(3) {position:relative;z-index:3;background:#fff;}
	 */
}
@media only screen and (min-width: 1680px) {
	.page-truth .cont5-spec .spec-cont-list .spec-cont .row-list .row.head {font-size:30px;}
	.page-truth .cont5-spec .spec-cont-list .spec-cont .row-list .row {font-size:16px;}
	.page-truth .cont5-spec .spec-head {font-size:19px;}

}


.page-truth .cont-lineup .bg {margin-top:3%;}
@media only screen and (max-width: 1023px) {
	.cont-lineup .bt-learn-more + .bt-learn-more {margin-left:3%;}
	.page-truth .cont-lineup .title {font-size:6.250vw;width:100%;margin:auto;}

}
/* -------------
		page-truth -end
-------------*/
/* 2019-04-22 : question 추가 ------------ */








/* --------------------------------
	CONTENT LINEUP
-------------------------------- */
.cont-lineup {margin:8% 0 5%; text-align:center;}
.cont-lineup .title {font-family:'Roboto'; font-weight: bold; font-size:3.385vw; letter-spacing:-0.05em; text-align:center;}
.cont-lineup .bt-learn-more {display:inline-block; margin-top:2%; font-family:'Roboto';width:10.729vw; height:2.917vw; line-height:2.917vw; border:1px solid #000; border-radius: 1.302vw; text-align:center;}
.cont-lineup .bg {position:relative; margin-top: -1.5%; z-index:-1;}
@media only screen and (max-width: 1023px) {
	.cont-lineup {margin:15% 3.9%;}
	.cont-lineup .title {font-size:5.990vw;}
	.cont-lineup .bg {margin: 8% 0 0;}
	.cont-lineup .bt-learn-more {
		border:1px solid #323438;
		color:#323438;
		font-size:2.734vw;
		line-height: 7vw;
		border-radius:3.906vw;
		font-family: 'Roboto';
		width:28.646vw;
		height: 7vw;
		letter-spacing: 0;
		display:inline-block;
		text-align:center;
		margin-top: 4%;
	}
}
@media only screen and (min-width: 1680px) {
    .cont-lineup .title {font-size:65px;}
    .cont-lineup .bt-learn-more {width:206px; height:52px; font-size:20px; padding:0; line-height:50px;}
}

/* --------------------------------
	FOOTER
------------------------------- */
footer {position:relative; margin:0 auto; padding:20px 30px;}
/*footer:before {content:'';position:absolute;top:0;left:-50px;right:-50px;bottom:0;background:#000;z-index:-1;}*/
footer:before {content:'';position:absolute;top: 0;left:0;right:0;bottom:0;background:#000;z-index:-1;}
footer:after {content:""; clear:both; display:block; height:0; visibility:hidden; }
footer .social {text-align:center; }
footer .social:after {content:""; clear:both; display:block; height:0; visibility:hidden; }
footer .social li {display:inline-block; }
footer .social li:nth-child(1) {display:none; color:#888; font-size:13px; line-height:29px; margin-bottom:5px; }
/*footer .social li:nth-child(2) a {display:block; width:96px; }*/
footer .social li a {display:block; width:29px; }
footer .util {margin-top: 20px; text-align:center;}
footer .util:after {content:""; clear:both; display:block; height:0; visibility:hidden; }
footer .util li {position:relative; display:inline-block; color:#aaa; font-family:'LGSmartLight'; font-size:13px; margin-right:25px; }
footer .util li:after {position:absolute; top:2px; right:-15px; content:""; width:1px; height:8px; background:#888; }
footer .util li:last-child {display:block;margin-top:15px;margin-right:0;margin-bottom: 30px;font-size:13px;}
footer .util li:nth-child(2) {margin-right:0px; }
footer .util li:nth-child(2):after,
footer .util li:last-child:after {position:absolute; top:0; right:0; content:""; width:0; height:0; }
footer .util li a {color:#888; font-family:'LGSmartLight'; font-size:13px; text-transform:uppercase; }
footer .copy {position: absolute;top:30px;left:0;right:0;color:#888;font-family:'LGSmartLight';font-size:13px;text-align:center;}
footer img {width:100%;}

.page-bottom-button + footer {margin-top:0; background:#222;}

@media only screen and (min-width:768px) {
	footer {/* max-width:1820px; */height:80px;padding:0 30px;}
	footer .social {float:right; margin-top:28px; }
	footer .social li {display:block; float:left; margin-left:15px; }
	footer .social li:nth-child(1) {color:#888; margin-bottom:0; }
	footer .util {float:left; margin-top:36px; text-align:left; }
	footer .util li {display:block; float:left; margin-right:40px; }
	footer .util li:after {position:absolute; top:3px; right:-20px; content:""; width:1px; height:8px; background:#888; }
	footer .util li:last-child {margin-top:0; }
	footer .util li:nth-child(2) {margin-right:20px; }
	footer .util li:nth-child(2):after,
	footer .util li:last-child:after {position:absolute; top:0; right:0; content:""; width:0; height:0; }
	footer .util li a {color:#888; font-family:'LGSmartLight'; font-size:13px; text-transform:uppercase; }
}
@media only screen and (max-width: 1023px) {
	footer {max-width:1820px;height: auto;padding: 1px 30px;background: #000;margin-top: 10%;}
	footer .social {display:block;text-align: center;margin-top: 7%;float:initial;}
	footer .social li {display:inline-block; margin-left:15px; float:initial;}
	footer .social li a {width:7.5vw;}
	footer .social li:nth-child(1) {color:#999; margin-bottom:0; }
	/*footer .social li:nth-child(2) a {width:25vw;}*/
	footer .util {display:block;text-align: center;margin-top: 5%;float:initial;}
	footer .util li {display:inline-block; margin-right:10%; float:initial;}
	footer .util li:after {position:absolute; top:20%; bottom:20%; right:-40%; content:""; width:2px; height:auto; background:#888; }
	footer .util li:last-child {font-size:2.604vw; margin:5%;}
	footer .util li:nth-child(2) {margin-right:20px; }
	footer .util li:nth-child(2):after,
	footer .util li:last-child:after {position:absolute; top:0; right:0; content:""; width:0; height:0; }
	footer .util li a {color:#888; font-family:'LGSmartLight'; font-size:3.672vw; text-transform:uppercase; }
}
@media only screen and (min-width: 1024px) {
	footer .util li:last-child {position:absolute; z-index:-1; top:33px; left:0; right:0; text-align:center;}
}

/* --------------------------------
	BOTTOM UTIL
------------------------------- */
#lay_mask{display:none; position:fixed; left:0; top:0; z-index:1100; background:rgba(0,0,0,.9);  }

#urlshareLayer {width:100%; height:100px; background:#fff; display:none; margin:0 auto; }
.sharelayer {position:absolute; z-index:1101; padding:2% 4%; }
.sharelayer p {font-weight:bold; font-size:20px; padding-top:10px; margin-bottom:12px; }
.sharelayer a {position:absolute; top:15px; right:15px; display:block; width:16px; }
.sharelayer textarea {width:100%; height:34px; line-height:34px; font-size:13px; border-radius:0; -webkit-border-radius:0; overflow:hidden; resize:none; appearance:none; -webkit-appearance:none; padding: 0 5px;}
.scrolltotop {display:none; position:fixed; bottom:70px; right:10px; z-index:80; width:30px; height:30px; background:#333; }
.sharelayer img{width:100%;}

@media only screen and (min-width:768px) {
	#urlshareLayer {width:460px; height:120px; }
	.sharelayer {padding:20px; }
	.sharelayer a {top:20px; right:20px; width:20px; }
	.scrolltotop {bottom:170px; width:30px; height:30px; }
}
@media only screen and (min-width:1680px) {
	.scrolltotop {width:40px; height:40px; }
}