@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:300,400,700');
@import url('https://fonts.googleapis.com/css?family=Hind:300,400,500,600,700');
@import url('https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900');

.en-txt{
	font-family: 'Roboto Condensed', sans-serif !important;
	letter-spacing:0;
}
.en-txt02{
	font-family: 'Hind', sans-serif !important;
	letter-spacing:0;
}
.en-txt03{
	font-family: 'Roboto', sans-serif !important;
	letter-spacing:0;
}

@font-face {
	font-family: 'Nanum Square';
	font-style:   light;
	font-weight:  300;
	src: url(../font/NanumSquareL.eot);
	src: url(../font/NanumSquareL.eot?#iefix) format('embedded-opentype'), 
			url(../font/NanumSquareL.woff) format('woff'), 
			url(../font/NanumSquareL.ttf)  format('truetype'), 
			url(../font/NanumSquareOTFLight.svg#017f9c78318bcde3d1dc4451e8eaca0a) format('svg');
}
@font-face {
	font-family: 'Nanum Square';
	font-style: normal;
	font-weight: 400;
	src: url(../font/NanumSquareR.eot); 
	src: 	local('Nanum Square Regular'),
			local('NanumSquareR'),
			url(../font/NanumSquareR.eot?#iefix) format('embedded-opentype'), 
			url(../font/NanumSquareR.woff) format('woff'),
			url(../font/NanumSquareR.ttf)  format('truetype'),
			url(../font/NanumSquareOTFR.svg#9e23ceb0c858ca37642ba540402577eb) format('svg'); 
}
@font-face {
  font-family: 'Nanum Square bold';
	font-style: bold;
	font-weight: 700;
	src: url(../font/NanumSquareB.eot);
	src: 	local('Nanum Square Bold'),
			local('NanumSquareB'),
			url(../font/NanumSquareB.eot?#iefix) format('embedded-opentype'),
			url(../font/NanumSquareB.woff2) format('woff2'),
			url(../font/NanumSquareB.woff) format('woff'),
			url(../font/NanumSquareB.ttf) format('truetype'),
			url('../font/NanumSquareOTFB.svg#a41a1fda1fdf3dafd3394867a156b1cf') format('svg');  
}
@font-face {
	font-family: 'Nanum Square';
	font-style:   normal;
	font-weight:  900;
	src: 	url('../font/NanumSquareEB.eot'); 
	src: 	local('Nanum Square Extra Bold'),
			local('NanumSquareEB'),
			url('../font/NanumSquareEB.eot?#iefix') format('embedded-opentype'), 
			url('../font/NanumSquareEB.woff') format('woff'),
			url('../font/NanumSquareEB.ttf')  format('truetype'),
			url('../font/NanumSquareOTFExtraBold.svg#090d6763bc81b49309446d23fbd10e87') format('svg');        
}

* {
	font-family: 'Nanum Square';
	font-size:14px;
	color:#aaaaaa;
	letter-spacing:-1px;
	line-height:1.6;
	padding:0;
	margin:0;
	box-sizing:border-box;
}

.wrap{
	display:block;
	width:100%;
	max-width:1920px;
	margin: 0 auto;
}
.main-wrap{
	display:flex;
	width:100%;
	background:#262626;
}

.main-bg{
	width:69%;
	float:left;
	display:table;
	background:url(../img/main-dsg.png) no-repeat center center;
	height: 1031px;
}

.font96{
	font-size: 96px;
    color: #242424;
    text-transform: uppercase;
    font-weight: bold;
    line-height: 1;
}
.txt-red{
	color:#ca2d34;
}
.font20{
	font-size:20px;
	color:#242424;
	margin-top:20px;
}
.main-txt{
	padding: 370px 0 0 170px;
}

.main-rig{
	width:31%;
	float:left;
	display:table;
}
.store-wrap{
	background:url(../img/store-bg.jpg) no-repeat center center;
	display: table;
    width: 100%;
    height: 410px;
    position: relative;
}
.store-txt{
	width:50%;
	bottom:10%;
	position:absolute;
	padding-left:50px;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.lang-wrap{
	float: left;
    width: 50%;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -73px;
	padding-left: 74px;
    display: none;
}
.lang-wrap>div{
	margin-bottom:15px;
}
.lang-wrap>div a{
	font-size:24px;
	color:#b4b4b4;
	padding-right: 44px;
    padding-bottom: 3px;
}
.lang-wrap>div a:hover{
	color:#ffffff;
	background:url(../img/lang-arrow.png) no-repeat bottom right;
	transition: initial;
	-webkit-transition: initial;
    -moz-transition: initial;
    -o-transition: initial;
}
.store-wrap:hover{
	background:url(../img/store-bg-hover.jpg) no-repeat center center;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.store-wrap:hover .store-txt{
	bottom:40%;
}
.store-wrap:hover .lang-wrap{
	display:block;
}
.down-wrap{
	background:#262626;
}
.down-inner{
	padding:38px;
}
.down-title{
	font-size: 24px;
    font-weight: bold;
    color: rgba(255,255,255,0.5);
    text-transform: uppercase;
}
.down-txt{
	font-size:14px;
	color:#888888;
	margin-bottom: 25px;
}
.down-row{
	display:table;
	width:100%;
}
.wid-4{
	display:inline-block;
	width:23.5%;
	margin-right:1.5%;
	border:1px solid rgba(235,235,235,0.2);
	padding:15px;
}
.wid-4-last{
	margin-right:0;
}
.wid-4 a{
	font-size:16px
	color:#888;
}
.wid-4 a span{
	padding-right:30px;
}
.hr{
	width:100%;
	height:1px;
	background:rgba(255,255,255,0.2);
	margin: 35px 0 26px;
}

.market-wrap{
	display:table;
	width:100%;
	max-width:1590px;
	margin:30px auto;
	margin-left:140px;
}

.market-title{
	font-size:24px;
	color:#1f1e1e;
}
.link-m{
	color:rgba(255,255,255,0.5);
	padding-right:0 !Important;
}
.wid-box{
    vertical-align: top;
}
.wid-box02{
	padding-top:14px;
	padding-bottom:14px;
}
.ex-txt03{
	font-family: 'Noto Sans SC', sans-serif;
}
.down-ta img{
	width:auto;
}
.bx-wrapper img{
	width:auto;
}
.part-m{
	display:none;
}
@media only screen and (max-width: 1875px) {
	.wid-4{
		width:48.5%;
	}
	.main-bg{
		height: 1189px;
		background-size: cover;
	}
	.market-wrap{
		padding:0 30px;
		margin-lefT:0;
	}
}
@media only screen and (max-width: 1400px) {
	.main-txt{
		padding-left:100px;
	}
	.font96{
		font-size:75px;
	}
}
@media only screen and (max-width: 1100px) {
	.main-bg{
		width:100%;
		float:none;
		height:600px;
	}
	.main-rig{
		width:100%;
		float:none;
	}
	.main-txt{
		padding-top:200px;
	}
	.store-wrap, .store-wrap:hover{
		background-size: cover;
		height:300px;
	}
	.store-txt{
		width:30%;
	}
	.wid-4{
		width:23.5%;
	}
}

@media only screen and (max-width: 600px) {
	.wid-4{
		width:48.5%;
	}
	.store-txt{
		width:55%;
	}
	.lang-wrap{
		left:40%;
	}
	.font96{
		font-size:50px;
	}
	.main-txt{
		padding: 80px 30px;
	}
	.main-bg{
		height:300px;
	}
	.font20{
		font-size:16px;
	}
	.bx-wrapper .bx-controls-direction a{
		top:-20px !important;
	}
	.bx-wrapper .bx-prev{
		left:265px !important;
	}
	.bx-wrapper .bx-next{
		left:300px !important;
	}
	.part-m{
		display:table;
	}
	.part-pc{
		display:none !important;
	}
	.bxslider li{
		margin-left:0 !Important;
	}
}	

/** renew **/
.main-banner {
	display: flex;
	width: 69%;
  float: left;
  background-color: #fff;
}

.main-banner div a {
	display: block;
	transition: opacity .4s ease, transform .4s ease;
}

.main-banner div a:hover {
	opacity: .6;
	transform: scale(1.05);
}

.main-banner .any-banner {
	width: 34%;
	overflow: hidden;
}

.main-banner .any-banner a {
	height: 100%;
	background: url(../img/main-anylock.png) center 0 / cover no-repeat ;
}

.main-banner .cosmetic {
	width: 33%;
	overflow: hidden;
}

.main-banner .cosmetic a {
	height: 100%;
}

.main-banner .cosmetic.legesen a {	
	background: url(../img/main-legesen.png) center 0 / cover no-repeat ;
}

.main-banner .cosmetic.luminevo a {
	background: url(../img/main-luminevo.png) center 0 / cover no-repeat ;
}