@charset "utf-8";

/* CSS Document */

@font-face {
    font-family: 'font';
    src: url('../fonts/kanitregular/kanit-regular.woff2') format('woff2'), url('../fonts/kanitregular/kanit-regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'font-2';
    src: url('../fonts/mitr/mitr-regular-webfont.woff2') format('woff2'), url('../fonts/mitr/mitr-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

html {
    position: relative;
    min-height: 100%;
}

html,
body {
    margin: 0;
    padding: 0;
}

body {
    font-family: 'font', 'font-2';
}

.main-content {
	width:100%;
	height:1500px;
	min-height:1500px;
	position:relative;
}

.chk-cookie-wrap {
	width:100%;
	height:130px;
	position:absolute;
	z-index:1000;
	top:-135px;
	transition-property: all;
	transition-duration: .5s;
	transition-timing-function: cubic-bezier(0, 1, 0.5, 1);	
}

.cookie-content {
	max-width:1250px;
	margin:0 auto;
}

.cookie-logo {
	width:25%;
	float:left;
	padding: 3.5% 0 0 0;
}

.cookie-description {
	width:55%;
	float:left;
}

.cookie-logo img {
	display:block;
	margin:0 auto;
	width: 70%;
}

.cookie-description p{
	font-size: 14px;
    line-height: 20px;
	width:90%;
	text-align:justify;
	color:#edf8f6;
	margin: 6% 0 0 0;
}
.cookie-action {
	width:20%;
	float:left;
	margin: 3% 0 0 0;
}
.cookie-action .btn-agree {
	width:auto;
	height:auto;
	display:inline-block;
	padding:10px 40px;
	border-radius:3px;
	outline:none;
	font-size:16px;
	border:none;
	cursor:pointer;
	margin:0;
	float:left;
	font-weight:bold;
}
.cookie-action .btn-agree:hover {
	background:#f0d38a;
}
.cookie-action a.link {
	line-height:20px;
	width:auto;
	display:inline-block;
	float:left;
	font-size:13px;
	margin:10px 0 0 0;
	cursor:pointer;
	text-decoration:none;
}
.cookie-action a.link:hover {
	
}
.cookie-slider {
	overflow-y: hidden;
	max-height: 500px; /* approximate max height */

	transition-property: all;
	transition-duration: .5s;
	transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
	transition-delay: .1s;
}
.cookieslider.closed {
	max-height: 0;
	
}
.cookie-open-wrap {
	top:0 !important;
	transition-delay: 2s;
}
.noti-cookie-wrap {
	width:100%;
	height:100px;
	position:fixed;
	z-index:2;
	bottom:0;
	transition-property: all;
	transition-duration: .5s;
	transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
}
.noti-cookie-content {
	max-width:1250px;
	margin:0 auto;
}
.noti-cookie-description {
	width:100%;
	float:left;
}
.noti-cookie-description p{
	width:100%;
	text-align:justify;
	font-size:15px;
	margin: 1.5% 0 0 0;
}
.noti-cookie-action .btn-noti-close {
	width:auto;
	height:auto;
	display:inline-block;
	padding:5px 15px;
	border-radius:3px;
	outline:none;
	font-size:14px;
	border:none;
	cursor:pointer;
	margin:10px 0 0 0;
	float:left;
}
.noti-cookie-action .btn-noti-close:hover {
	
}
.noti-close-wrap {
	bottom:-100px;
	transition-delay: 0.1s;
}
@media only screen and (max-width: 414px) {
	.cookie-logo {
		width:100%;
	}
	.cookie-description {
		width:100%;
	}
	.cookie-description p {
		margin: 5px auto;
		text-align: left;
		font-size: 14px;
	}
	.chk-cookie-wrap {
		height:240px;
		top:-245px;
	}
	.cookie-action {
		width:100%;
		margin: 2% 0 0 0;
	}
	.cookie-action .btn-agree {
		width:60%;
		display:block;
		margin:0 auto;
		float:none;
	}
	.mob-center {
		text-align:center;
	}
	
	.cookie-action a.link {
		
		float: none;
		margin: 10px auto 0;
		text-align: center;
	}
	.noti-cookie-wrap {
     	height: 130px;
	}
	.noti-cookie-description p {
		width: 95%;
		text-align: left;
		color: #726060;
		font-size: 13px;
		margin: 1.5% auto 0;
	}
	.noti-cookie-action .btn-noti-close {
		float:none;
	}
	.noti-close-wrap {
		bottom:-130px;
		transition-delay: 0.1s;
	}
	.cookie-logo img {
		width: 40%;
	}
}
@media only screen and (max-width: 320px) {
	.cookie-description p {
		margin: 5px auto;
		text-align: left;
		font-size: 13px;
	}
}