/*
Layout Skin
ie11.0, chrome 29.0, safari 10, firefox 22.0, opera 48 
By xetemplate(https:xetemplate.com) 
*/

/* ------------------------------------------------------------------------------------------------------------------ */
/* Layout
/* ------------------------------------------------------------------------------------------------------------------ */
html, 
body, 
table, 
th, 
td, 
button, 
input,
textarea { 
	font-family: 'Spoqa Han Sans','Apple SD Gothic Neo', 'Nanum Gothic', 'Malgun Gothic', '돋움', Dotum, 'Lucida Sans', 'Trebuchet MS', Arial, Tahoma, sans-serif !important; 
	word-break: keep-all;
}

.font-roboto {
	font-family: 'Roboto';
}

#xet-layout-wrp {
	overflow: hidden;
	min-height: calc(100vh);
	display: -ms-flexbox;
	display: flex;
	flex-direction: column;
	background-color: #fff;
	color: #1b1b1b;
}
#xet-layout-wrp.main {
	opacity: 0;
}

.xet-fadeIn,
.xet-fadeRight,
.xet-fadeLeft,
.xet-fadeBottom {
	visibility: hidden
}

/* ------------------------------------------------------------------------------------------------------------------ */
/* Typography
/* ------------------------------------------------------------------------------------------------------------------ */
h1 {
	font-weight: 700;
}
h1 .thin {
	font-weight: 300;
}
h2 {
	font-weight: 700;
}
h2 .thin {
	font-weight: 300;
}
h3 {
	font-weight: 700;
}
h3 .thin {
	font-weight: 300;
}
h4 {
	font-weight: 700;
}
h5 {
	font-weight: 700;
}
h6 {
  	font-weight: 700;
}





/* ------------------------------------------------------------------------------------------------------------------ */
/* SUB - PAGE TOP
/* ------------------------------------------------------------------------------------------------------------------ */
#xet-pageTopWrp {
	position: relative;
	display: -ms-flexbox;
	display: flex;
	align-items: center;
	text-align: center;
	overflow: hidden;
	height: 100px;
	padding: 20px 0;
	background: url(../img/pageTop-bg.jpg) no-repeat left center #000;
	background-size: cover;
	color: #fff;
}
#xet-pageTopWrp.about_company,
#xet-pageTopWrp.location {
	background-image: url(../img/pageTop-about-bg.jpg);
}
#xet-pageTopWrp.webinarmix,
#xet-pageTopWrp.webinar {
	background-image: url(../img/pageTop-webinar-bg.jpg);
}
#xet-pageTopWrp.news,
#xet-pageTopWrp.reference {
	background-image: url(../img/pageTop-reference-bg.jpg);
}

#xet-pageTopWrp h2 {
	font-size: 24px;
}

/* 게시물 뷰어 시 */
.content-view {
	padding: 0;
	background: #fff !important;
	color: #1b1b1b;
	border-bottom: 1px solid #f1f1f1;
}
.content-view>div {
	position: relative;
	display: -ms-flexbox;
	display: flex;
	align-items: center;
	height: 60px;
}
.content-view h2 {
	font-size: 18px;
}
.content-view a.back {
	display: -ms-flexbox;
	display: flex;
	align-items: center;
	padding-left: 40px;
	background: url(../img/left-black.svg) no-repeat left center;
	background-size: 12px 12px;
}


/* 가로형 메뉴
-------------------------------------------------------------------------------------------------------- */
.xet-lnb-wrp.scroll-to-fixed-fixed {
	box-shadow: 0 0 4px rgba(0,0,0,.1);
}
.xet-lnbHorWrp {
	position: relative;
	background-color: #fff;
	border-bottom: 1px solid #f1f1f1;
}
.xet-lnbHorWrp .xet-lnbHor {
	list-style: none;
	margin: 0;
	padding: 0;	
	white-space: nowrap;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
}
.xet-lnbHorWrp .xet-lnbHor li {
	margin: 0;
	padding: 0 10px;
	display: -ms-flexbox;
	display: flex;
	align-items: center;
	height: 60px;
}
.xet-lnbHorWrp .xet-lnbHor li a { 
	position: relative;
	display: inline-block; 	
	padding: 0; 
	margin: 0;
	font-size: 14px; 
	color: #1b1b1b; 
}
.xet-lnbHorWrp .xet-lnbHor li.current a {
	font-weight: 700;
}
.xet-lnbHorWrp .xet-lnbHor li.current a:after { 
	content: "";
    position: absolute;
    left: 0;
    bottom: 2px;
    width: 100%;
    height: 2px;
    background: #0090FF;
    transition: width 0.15s ease-in-out;
    -webkit-transition: width 0.15s ease-in-out;
}

/* 가로 스크롤 작동시 */
.xet-lnbHorWrp.is-scroll {
	position: relative;
	margin: 0;
	padding-right: 10px;
	height: 44px;
	overflow: hidden;
	background-color: #fff;
}
.xet-lnbHorWrp.is-scroll:after {
	content: '';
    position: absolute;
    right: 10px;
    top: 0;
    bottom: 0;
	width: 10px;	
    background: rgba(255,255,255,1);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,0)), color-stop(100%, rgba(255,255,255,1)));
    background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
    background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
    background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
}
.xet-lnbHorWrp.is-scroll .xet-lnbHor {
	height: 64px;
	justify-content: start;
	overflow-x: auto;
	overflow-y: hidden;
	-webkit-overflow-scrolling: touch;
}
.xet-lnbHorWrp.is-scroll .xet-lnbHor li {
	margin: 0;
	padding: 0 0 0 20px;
	height: 44px;
}
.xet-lnbHorWrp.is-scroll .xet-lnbHor li:last-child {
	padding-right: 20px;
}

/* ------------------------------------------------------------------------------------------------------------------ */
/* BODY - CONTENT
/* ------------------------------------------------------------------------------------------------------------------ */
#xet-body {
	flex: 1 0 auto;
}
/* content */
#xet-body.process,
#xet-body.reference,
#xet-body.news {
	background-color: #F1F6FD;
}
#xet-body.platform {
	background-color: #f9f9f9;
}

/* ------------------------------------------------------------------------------------------------------------------ */
/* FOOTER
/* ------------------------------------------------------------------------------------------------------------------ */
#xet-footer {
	flex-shrink: 0;
	position: relative;
	padding: 20px 0 120px;
	color: #cbcbcb;
	background-color: #1b1b1b;
}
#xet-footer .footer-navWrp li {
	float: left;
	margin: 0 9px 0 0;
}
#xet-footer .footer-navWrp li>a {
	font-size: 14px;
}
#xet-footer .footer-info li>span {
	margin-right: 10px;
}

#xet-footer .snsWrp {
	margin-right: 20px;
	display: flex;
	align-items: flex-end;
}
#xet-footer .snsWrp a {
	display: inline-block;
	align-items: flex-end;
	margin-right: 20px;
}
#xet-footer .snsWrp a>img {
	height: 25px;
}
#xet-footer .snsWrp a>img.facebook {
	width: 15px;
}
#xet-footer .snsWrp a>img.instagram {
	width: 25px;
}
#xet-footer .snsWrp a>img.youtube {
	width: 32px;
}
#xet-footer .xet-copyright {
	text-align: center;
	border-top: 1px solid rgba(0,0,0,.1); 
}
#xet-footer a {
	color: #ccc;
	transition:all 0.2s ease-in;
	-webkit-transition:all 0.2s ease-in;	
}


/* ------------------------------------------------------------------------------------------------------------------ */
/* Mobile FOOTER BAR
/* ------------------------------------------------------------------------------------------------------------------ */
#mobile-footer {
	z-index: 99;
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	opacity: 0;
	visibility: hidden;
	background-color: #004295;
	display: -ms-flexbox;
	display: flex;
	justify-content: space-around;
	align-items: center;
	text-align: center;
	box-shadow: 0px -4px 12px rgba(0,0,0,0.2);
	transition:all 0.2s ease-in;
	-webkit-transition:all 0.2s ease-in;
}
#mobile-footer.is-active {
	opacity: 1;
	visibility: visible;
}
#mobile-footer a,
#mobile-footer .talk {
	width: 25%;
	white-space: nowrap;
	font-size: 12px;
	display: block;
	text-align: center;
	height: 60px;
	padding: 36px 0 10px;
	background-size: 24px 24px;
	background-position: center 10px;
	background-repeat: no-repeat;
	color: #fff;
}

#mobile-footer a.estimate {
	background-image: url(../img/icon-message.svg);
}
#mobile-footer a.call {
	background-image: url(../img/icon-call.svg);
}
#mobile-footer a.email {
	background-image: url(../img/icon-email.svg);
}
#mobile-footer .talk {
	position: relative;
}
#mobile-footer .talk a {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	background-image: url(../img/icon-talk.svg);
}
#mobile-footer .talk a>img {
	display: none
}





/* ------------------------------------------------------------------------------------------------------------------ */
/* 고정 버튼
/* ------------------------------------------------------------------------------------------------------------------ */
#quickButtonWrp {
	opacity: 0;
	visibility: hidden;
	display: -ms-flexbox;
	display: flex;
	z-index: 98;
	position: fixed;
	right: 30px;
	bottom: 30px;
	justify-content: center;
	transition:all 0.2s ease-in;
	-webkit-transition:all 0.2s ease-in;	
}
#quickButtonWrp.is-active {	
	opacity: 1;
	visibility: visible;
}
#quickButtonWrp a {
	box-shadow: 0px 0px 10px rgba(0,0,0,0.2);
}
#quickButtonWrp a.estimate {
	padding-left: 48px;
	background: url(../img/icon-message.svg) no-repeat 24px center;
	background-size: 24px 24px;
}

/* Go to Top */
.xet-goto-top { 
	display: inline-block;
	width: 44px; 
	height: 44px; 
	line-height: 44px;
	margin-left: 10px;
	padding: 0;
	font-size: 0;
	text-align: center;
	border-radius: 50%;
	border: 1px solid #e1e1e1;
	background: url(../img/up-black.svg) no-repeat center #fff; 
	background-size: 24px 24px;
}
.xet-goto-top:hover {
	background-image: url(../img/up.svg);
}



/* ------------------------------------------------------------------------------------------------------------------ */
/* Custom Theme
/* ------------------------------------------------------------------------------------------------------------------ */
.text-theme {
	color: #004295 !important;
}
.bg-theme {
	background-color: #004295 !important;
}

.xet-btn.btn-min-width {
	min-width: 180px;
}
.btn-theme {
	border-radius: 30px !important;
	background-color: #0090FF !important;
	color: #fff !important;
	border-color: #0090FF !important;
}
.btn-bd-white {
	border-radius: 30px !important;
	background-color: transparent !important;
	color: #fff !important;
	border-color: #fff !important;
}
.btn-bd-gray {
	min-width: 200px;
	border-radius: 30px !important;
	background-color: transparent !important;
	color: #707070 !important;
	border-color: #cbcbcb !important;
}

.btn-estimate {
	border-radius: 30px !important;
	padding-left: 48px;
	color: #fff !important;
	border-color: #0090FF !important;
	background: url(../img/icon-message.svg) no-repeat 24px center #0090FF;
	background-size: 24px 24px;
}
.btn-call {
	border-radius: 30px !important;
	padding-left: 48px;
	color: #fff !important;
	border-color: #0090FF !important;
	background: url(../img/icon-call.svg) no-repeat 24px center #0090FF;
	background-size: 24px 24px;
}
.btn-email {
	border-radius: 30px !important;
	padding-left: 48px;
	color: #fff !important;
	border-color: #0090FF !important;
	background: url(../img/icon-email.svg) no-repeat 24px center #0090FF;
	background-size: 24px 24px;
}


/* Default Theme Color */
.xet-btn-solid {
	border-color: #0090FF;
	background-color: #0090FF;
	color: #fff !important;
}
.xet-btn-ghost {
	border-color: #0090FF;
	background-color: transparent;
	color: #0090FF !important;
}
.xet-btn-light {
	background-color: #f0f0f0;
	color: #0090FF !important;
}

/* ------------------------------------------------------------------------------------------------------------------ */
/* 페이지 - 공통 안내문구
/* ------------------------------------------------------------------------------------------------------------------ */
.xet-infoBox {
	padding: 20px 20px 20px 76px;
	border-radius: 8px;
	background: url(../img/icon-info.svg) no-repeat 20px center;
	background-size: 36px 36px;
	background-color: #fff;
	border: 1px solid #004295;
	color: #004295;
}