/*


	1. base

	2. Main

	3. Header

	4. Footer


*/

/*===== base ===*/

/* font */
.fc-default {color:#e0072c;}
.fc-f {color:#fff;}
.fc-0 {color:#000;}
.fc-3 {color:#333;}
.fc-6 {color:#666;}
.fc-9 {color:#999;}

/* align */
.align-c {text-align:center !important;}
.align-l {text-align:left !important;}
.align-r {text-align:right !important;}

/* Button */
.btn {position:relative;background:transparent;font-weight: 500}
.btn-default {border:3px solid #e0072c;border-radius:50px;color:#e0072c;text-align: left;}
.btn-default:hover {background:#e0072c;border-color:#e0072c;color:#fff;}
.btn-form {border:3px solid #fff;border-radius:3px;color:#fff;text-align: center;display:block;width:100%}
.btn-form:hover {background:#fff;color:#e0072c}

.btn-s {padding:10px 16px; font-size:0.75em;}
.btn-m {padding:14px 24px;font-size:1em;}
.btn-l {padding:18px 28px; font-size:1.25em;}
/* btn arrow */
.btn > .fa {font-size:0.6em; text-align: right; display:inline-block; padding-left: 50px;}


/* Top Scroll */
.scrollToTop {
    width: 60px;height: 60px;
    display:none;
    position: fixed;bottom: 50px;right: 50px;
    background: transparent;
    background-color: rgba(14,29,43,0.7);
    border-radius: 50%;padding:15px;
    color:#fff; text-align:center;
}
.scrollToTop > .fa {color:#fff;}
.scrollToTop > .fa:hover {color:#fff;}

/* table */
table.contact {width:100%;border:0;border-collapse: collapse;border-spacing: 0;}
table.contact tr td {padding:10px 0;}
table.contact tr td input {border:0;}
table.contact tr td textarea {border:0;}
table.contact tr td input::-webkit-input-placeholder {color:#e0072c;font-weight: 400;font-size: 0.85em;}
table.contact tr td textarea::-webkit-placeholder {color:#e0072c}
table.contact tr td .submit-btn {color:#fff;border:2px solid #fff; background:transparent; font-size:0.85em;font-weight: 400;}




/*===== main ===*/
main[role="main-home-wrapper"],main[role="main-inner-wrapper"] {overflow:hidden;}


/*===== Header ===*/
#gnb {position: absolute; top:0;width:100%; background:rgba(255,255,255,0);z-index: 1000;}
header[role="header"] {padding:25px;}
header[role="header"] h1{ padding:0; margin:0}
header[role="header"] h1 > a{display:block; float:left;}
header[role="header"] h1 > a img {width:90px;}
header[role="header"] nav{
	display: block; position: relative;
	transition-delay: 0s;transition-duration: 0.6s;transition-property: all;transition-timing-function: ease;}
header[role="header"] nav ul{ display:none; position: fixed; z-index:60; text-align:center; width:100%; height:100%; top:0; left:0; right:0; background-color:rgba(224,7,44,0.9); padding-top:0; margin:0;}
header[role="header"] nav ul > li{ font-weight:100; font-size:42px; display:block}
header[role="header"] nav ul > li > a{ display:block; line-height:72px; color:#fff}
header[role="header"] nav ul > li:hover a,header[role="header"] nav ul > li.nav-active a{ text-decoration:none; color:#fff}
header[role="header"] nav #menu-button {
	position: absolute; right:0;top:10px; z-index:70;
	width: 30px;font-size: 0;height: 20px;
	-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;-o-transition: .5s ease-in-out;transition: .5s ease-in-out;cursor: pointer;}
header[role="header"] nav #menu-button span {display: block;position: absolute;z-index: 60;height: 2px;
width: 100%;background: #ccc;opacity: 1;left: 0;
-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);
transform: rotate(0deg);-webkit-transition: .25s ease-in-out;-moz-transition: .25s ease-in-out;-o-transition: .25s ease-in-out;transition: .25s ease-in-out;}
header[role="header"] nav #menu-button span {background: #e0072c;}
header[role="header"] nav #menu-button.open span {background: #fff;}
header[role="header"] nav #menu-button span:nth-child(1) {top:0px;}
header[role="header"] nav #menu-button span:nth-child(2) {top:10px;}
header[role="header"] nav #menu-button span:nth-child(3) {top:20px;}
header[role="header"] nav #menu-button.open span:nth-child(1) {top: 10px;
-webkit-transform: rotate(135deg);-moz-transform: rotate(135deg);-o-transform: rotate(135deg);transform: rotate(135deg);}
header[role="header"] nav #menu-button.open span:nth-child(2) {opacity: 0;left: -60px;}
header[role="header"] nav #menu-button.open span:nth-child(3) {top: 10px;
-webkit-transform: rotate(-135deg);-moz-transform: rotate(-135deg);-o-transform: rotate(-135deg);transform: rotate(-135deg);}



/*===== footer ===*/
footer[role="footer"]{position: relative; background-color:#e0072c;}
footer[role="footer"]::after {content:"";background: url('../images/footer-icon.png') no-repeat;
	background-size: 100%;
	width:64px; height:52px;
	position: absolute; left:50%; top:-26px; transform: translateX(-50%);
}
footer[role="footer"] .wrap {width:100%; max-width:1280px; margin:auto; overflow: hidden; padding:50px 0;}
footer[role="footer"] .wrap .footbox {padding:0 30px 30px 30px;color:#fff;}
footer[role="footer"] .wrap .footbox > h2{font-size:3em;font-weight:300;padding-bottom: 15px;text-transform:capitalize}
footer[role="footer"] .wrap .footbox > .txt {font-size:0.9em;padding-bottom: 15px;color:#fff;font-weight:300;}
footer[role="footer"] .wrap .footbox .infoList {overflow: hidden;}
footer[role="footer"] .wrap .footbox .infoList li{margin-bottom: 15px;overflow: hidden;}
footer[role="footer"] .wrap .footbox .infoList li .info-ic {
	float:left;margin-right:15px;display:block;font-size:1em;color:#fff;border:2px solid #fff;width:50px;height:50px;border-radius: 50%;
	overflow: hidden;text-align: center;line-height: 48px;
	}
footer[role="footer"] .wrap .footbox .infoList li .info-content {margin-left:75px;font-weight:200;}
footer[role="footer"] .wrap .footbox .infoList li .info-content p{
	letter-spacing: -0.5px;font-size:1em;text-decoration: none !important; color:#fff;
	line-height: 18px;padding-top:3px; -webkit-text-size-adjust: 100%;font-weight:300;
	}
footer[role="footer"] .wrap .footbox .infoList li .info-content a{color:#fff;text-decoration: underline;display:block;}