@charset "utf-8";

.welcomeXE{
	padding-top:0px;
	font-family:Raleway,'나눔바른고딕',NanumBarunGothic,ng,'맑은 고딕','Malgun Gothic','돋움',Dotum,'애플 SD 산돌고딕 Neo','Apple SD Gothic Neo',AppleGothic,Helvetica,sans-serif}
	
.content+.welcomeXE{
	padding-top:0}
	
.welcomeXE section{
	width:1200px;
	margin: 0 auto}
	
.welcomeXE .tit{
	text-align:center;
	padding-bottom:5px;
	font-size:36px;
	color:#333;
	font-weight:700;
	letter-spacing:1px;
	line-height:50px}
	
.welcomeXE .noti{
	display:block;
	padding:0px 0 0;
	margin:0 0 12px;
	font-size:26px;
	font-weight:550;
	color:#ffbc00;
	letter-spacing:1px;
	line-height:20px}
	
.welcomeXE .intro{
	}
	
.welcomeXE .intro .cont{
	padding-bottom:2px;
	font-size:14.5px;
	font-weight:400;
	color:#444;
	line-height:27px}
	
.welcomeXE .intro .btn_start{
	display:inline-block;
	margin:50px 0;
	padding:0 27px;
	height:40px;
	border:2px solid #cda25a;
	background-color:#fff;
	font-size:13px;
	line-height:40px;
	letter-spacing:1px;
	color:#cda25a;
	-webkit-transition:all .2s ease-in-out;
	-moz-transition:all .2s ease-in-out;
	-ms-transition:all .2s ease-in-out;
	-o-transition:all .2s ease-in-out;
	transition:all .2s ease-in-out}
	
.welcomeXE .intro .btn_start:active 
.welcomeXE .intro .btn_start:focus,
.welcomeXE .intro .btn_start:hover{
	background-color:#cda25a;
	color:#fff}
	
.welcomeXE .intro2{
	width:500px;
	height:480px;
	padding-right:700px;
	background:url(../img/intro1.png) 100% 100% no-repeat}
	
.welcomeXE .intro2 .cont{
	padding-bottom:37px;
	font-size:15px;
	font-weight:400;
	color:#888;
	line-height:27px}
	
.welcomeXE .intro2 .btn_start{
	display:inline-block;
	margin:50px 0;
	padding:0 27px;
	height:40px;
	border:2px solid #cda25a;
	background-color:#fff;
	font-size:13px;
	line-height:40px;
	letter-spacing:1px;
	color:#cda25a;
	-webkit-transition:all .2s ease-in-out;
	-moz-transition:all .2s ease-in-out;
	-ms-transition:all .2s ease-in-out;
	-o-transition:all .2s ease-in-out;
	transition:all .2s ease-in-out}
	
.welcomeXE .intro2 .btn_start:active 
.welcomeXE .intro2 .btn_start:focus,
.welcomeXE .intro2 .btn_start:hover{
	background-color:#cda25a;
	color:#fff}
	
.bg-holder{
	background-image:url(../img/g1.jpg)}
	
.welcomeXE .xeicon{
	overflow:hidden;
	position:static;
	width:100%;
	height:550px}
	
.welcomeXE .xeicon .button-area{
	text-align:center;
	margin-bottom:0px}
	
	
.bg-holder2{
	background-image:url(../img/g2.jpg)}
	
.welcomeXE .xeicon2{
	overflow:hidden;
	position:static;
	width:100%;
	height:640px}
	
.welcomeXE .xeicon2 .button-area{
	text-align:center;
	margin-bottom:0px}
	
	
.welcomeXE .guide{
	height:640px;
	padding-top:80px}
	
.welcomeXE .guide ul{
	padding-top:27px}
	
.welcomeXE .guide li{
	position:relative;
	float:left;
	width:314px;
	min-height:140px;
	padding:0 0 0 70px;
	margin:0 0 30px}
	
.welcomeXE .guide h2{
	padding:7px 24px 13px 0;
	font-size:17px;
	font-weight:400;
	line-height:23px;
	color:#333}
	
.welcomeXE .guide p{
	padding:0 24px 0 0;
	font-size:14px;
	line-height:26px;
	color:#888}
	
.welcomeXE .guide .ico{
	position:absolute;
	top:0;
	left:0;
	width:48px;
	height:48px;
	border-radius:100%;
	background-color:#555;
	font-size:22px;
	text-align:center;
	line-height:50px;
	color:#efefef}
	
.welcomeXE .guide .ico:active,
.welcomeXE .guide .ico:focus,
.welcomeXE .guide .ico:hover{
	background-color:#cda25a}
	
.welcomeXE .guide p a{
	color:#444}
	
.welcomeXE .guide p a:active,
.welcomeXE .guide p a:focus,
.welcomeXE .guide p a:hover{
	color:#cda25a;
	border-bottom:1px solid #cda25a}
	
.welcomeXE .features{
	width:100%;
    margin: 0;
    height: 590px;
    padding-top: 45px;
    background-color: #fff
	}
	
.welcomeXE .features .cont,
.welcomeXE .features .noti,
.welcomeXE .features .tit{
	width:1200px;
	margin-left:auto;
	margin-right:auto}
	
.welcomeXE .features .tit{
	color:#6d6e70}
	
.welcomeXE .features .cont{
	text-align:center;
	font-size:20px;
	line-height:27px;
	color:#6d6e70}
	
.welcomeXE .features ul{
	overflow:hidden;
	margin-top:35px;
	padding:0 20px}
	
.welcomeXE .features li{
	float:left;
	width:20%;
	height:400px}

.welcomeXE .features li .fe_box{
	border:2px solid #bcbcbc;
	border-radius:10px;
	height:370px;
	margin:0 10px;
	padding:0 30px;
	background-color:#fff;
	text-align:center;
	-webkit-transition:all .2s ease-out;
	-moz-transition:all .2s ease-out;
	-o-transition:all .2s ease-out;
	transition:all .2s ease-out}
	
.welcomeXE .features .fe_box .ico{
	display:inline-block;
	width:70px;
	height:70px;
	margin:100px 0 30px;
	background:url(../img/sp_feature.png) 0 0 no-repeat;
	text-align:center;
	font-size:60px;
	line-height:70px}
	
.welcomeXE .features .fe_box h2{
	font-size:20px;
	color:#555;
	font-weight:400}
	
.welcomeXE .features .fe_box h3{
	font-size:18px;
	color:#555;
	font-weight:400}
	
	
.welcomeXE .features .fe_box p{
	margin-bottom:45px;
	font-size:14.5px;
	line-height:21px;
	color:#fff}

.welcomeXE .features .fe_box a{
	display:inline-block;
	height:40px;
	padding:0 40px;
	border:2px solid #f6f6f6;
	font-family:'Open Sans',sans-serif;
	font-size:13px;
	letter-spacing:1px;
	color:#f6f6f6;
	line-height:40px;
	font-weight:600;
	-webkit-transition:all .2s ease-in-out;
	-moz-transition:all .2s ease-in-out;
	-ms-transition:all .2s ease-in-out;
	-o-transition:all .2s ease-in-out;
	transition:all .2s ease-in-out}
	
.welcomeXE .features .fe_box a:hover{
	background-color:#f6f6f6;
	border-color:#f6f6f6;
	color:#555}
	
.welcomeXE .features .fe_top{
	position:relative;
	top:0;
	-webkit-transition:all .2s ease-out;
	-moz-transition:all .2s ease-out;
	-o-transition:all .2s ease-out;
	transition:all .2s ease-out}
	
.welcomeXE .features .fe_bottom{
	position:relative;
	top:200px;
	-webkit-transition:all .3s ease-out;
	-moz-transition:all .3s ease-out;
	-o-transition:all .3s ease-out;
	transition:all .3s ease-out}
	
.welcomeXE .features .fe_box.on{
	background-image:url(../img/box01.jpg)}

.welcomeXE .features .fe_box2.on{
	background-image:url(../img/box02.jpg)}
	
.welcomeXE .features .fe_box3.on{
	background-image:url(../img/box03.jpg)}	
	
.welcomeXE .features .fe_box4.on{
	background-image:url(../img/box04.jpg)}

.welcomeXE .features .fe_box5.on{
	background-image:url(../img/box05.jpg)}	
	
.welcomeXE .features .fe_box.on .fe_top{
	top:-168px}
	
.welcomeXE .features .fe_box.on .fe_bottom{
	top:-125px}
	
.welcomeXE .features .fe_box.on h2{
	color:#fff}
	
.welcomeXE .features .fe_box.on h3{
	color:#fff}
	
.welcomeXE .features .fe_box.on .ico{
	background:url(../img/sp_feature.png) 0 -70px no-repeat}
	
.welcomeXE .features .fe_box .ico2{
	background-position:-70px 0}
	
.welcomeXE .features .fe_box .ico3{
	background-position:-140px 0}
	
.welcomeXE .features .fe_box .ico4{
	background-position:-210px 0}
	
.welcomeXE .features .fe_box .ico5{
	background-position:-280px 0}
	
.welcomeXE .features .fe_box.on .ico2{
	background-position:-70px -70px}
	
.welcomeXE .features .fe_box.on .ico3{
	background-position:-140px -70px}
	
.welcomeXE .features .fe_box.on .ico4{
	background-position:-210px -70px}
	
.welcomeXE .features .fe_box.on .ico5{
	background-position:-280px -70px}
	
	
.welcomeXE .connect{
	height: 550px;
	padding-top:45px}
	
.welcomeXE .connect .tit{
	color:#6d6e70}
	
.welcomeXE .connect .cont{
	text-align:center;
	font-size:19px;
	line-height:27px;
	color:#6d6e70}
	
.welcomeXE .connect ul{
	overflow:hidden;padding:40px 0}
	
.welcomeXE .connect li{
	position:relative;
	float:left;
	width:17.8%;
	margin-left:0px;
	padding:10px 0 0 70px}
	
.welcomeXE .connect li:first-child{
	margin-left:0px}
	
.welcomeXE .connect .ico{
	background-image:url(../img/s1.png);
	position:absolute;
	top:40px;
	left:130px;
	width:90px;
	height:165px}
	
.welcomeXE .connect .ico2{
	background-image:url(../img/s2.png);
	position:absolute;
	top:40px;
	left:130px;
	width:90px;
	height:165px}
	
.welcomeXE .connect .ico3{
	background-image:url(../img/s3.png);
	position:absolute;
	top:40px;
	left:130px;
	width:90px;
	height:165px}
	
.welcomeXE .connect .ico4{
	background-image:url(../img/s4.png);
	position:absolute;
	top:40px;
	left:130px;
	width:90px;
	height:165px}
	
.welcomeXE .connect .ico i{
	line-height:78px}
	
.welcomeXE .connect h2{
	text-align:center;
	margin-top:160px;
	margin-bottom:25px;
	font-size:21px;
	font-weight:600;
	letter-spacing:1px;
	line-height:18px;
	color:#333}
	
.welcomeXE .connect p{
	text-align:center;
	font-size:16px;
	color:#888;
	line-height:25px}
	
	
.welcomeXE .connect2{
	height: 650px;
	padding-top:45px}
	
.welcomeXE .connect2 .tit{
	color:#6d6e70}
	
.welcomeXE .connect2 .cont{
	text-align:center;
	font-size:19px;
	line-height:27px;
	color:#6d6e70}
	
.welcomeXE .connect2 ul{
	overflow:hidden;padding:40px 0}
	
.welcomeXE .connect2 li{
	position:relative;
	float:left;
	width:27.5%;
	margin-left:0px;
	padding:10px 0 0 50px}
	
.welcomeXE .connect2 li:first-child{
	margin-left:0px}
	
.welcomeXE .connect2 .ico{
	background-image:url(../img/b1.png);
	position:absolute;
	top:40px;
	left:168px;
	width:90px;
	height:165px}
	
.welcomeXE .connect2 .ico2{
	background-image:url(../img/b2.png);
	position:absolute;
	top:40px;
	left:168px;
	width:90px;
	height:165px}
	
.welcomeXE .connect2 .ico3{
	background-image:url(../img/b3.png);
	position:absolute;
	top:40px;
	left:168px;
	width:90px;
	height:165px}
	
.welcomeXE .connect2 .ico i{
	line-height:78px}
	
.welcomeXE .connect2 h2{
	text-align:center;
	margin-top:160px;
	margin-bottom:25px;
	font-size:22px;
	font-weight:600;
	letter-spacing:1px;
	line-height:18px;
	color:#333}
	
.welcomeXE .connect2 p{
	text-align:center;
	font-size:16px;
	color:#888;
	line-height:25px}
	
@media all and (max-width:479px){
	.welcomeXE{
		padding-top:0}
	
	.welcomeXE section{
		width:100%;
		box-sizing:border-box;
		overflow:hidden}
		
	.welcomeXE .tit{
		padding-bottom:16px;
		font-size:30px;
		color:#333;
		font-weight:700;
		letter-spacing:1px;
		line-height:40px}
		
	.welcomeXE .intro{
		width:100%;
		box-sizing:border-box;
		padding:0 14px;
		height:auto;
		background:#fff}
		
	.welcomeXE .intro .cont{
		padding-bottom:17px}
		
	.welcomeXE .intro .btn_start{
		margin:20px 0 50px}
		
	.welcomeXE .xeicon{
		height:auto}
		
	.welcomeXE .xeicon h1{
		margin-top:70px}
		
	.welcomeXE .xeicon .button-area{
		margin-bottom:50px}
		
	.welcomeXE .xeicon .button-area .btn_item{
		font-size:14px;
		letter-spacing:2px;
		margin:20px 0}
		
	.welcomeXE .xeicon{
		background-position:0 0;
		background-attachment:inherit}
		
	.welcomeXE .guide{
		padding:0 14px;
		height:auto;
		padding-top:40px}
		
	.welcomeXE .guide li{
		width:auto;
		margin:0 0 20px}
	
	.welcomeXE .features{
		padding:40px 14px 0;
		height:auto}
		
	.welcomeXE .features .cont,
	.welcomeXE .features .noti,
	.welcomeXE .features .tit{
		width:100%;
		margin-left:auto;
		margin-right:auto}
		
	.welcomeXE .features ul{
		padding:0}
		
	.welcomeXE .features li{
		clear:both;
		width:100%;
		height:auto;
		margin:0 0 20px}
		
	.welcomeXE .features li .fe_box{
		margin:0;
		padding:20px;
		border:1px solid #333;
		background-color:#cda25a;
		position:relative;
		height:auto;
		text-align:left}
		
	.welcomeXE .features .fe_box .ico{
		display:inline-block;
		width:70px;
		position:absolute;
		top:0;
		left:0;
		height:70px;
		margin:0;
		background:url(../img/sp_feature.png) 0 -70px no-repeat;
		font-size:20px;
		line-height:70px;
		text-align:left}
		
	.welcomeXE .features .fe_box h2{
		color:#f6f6f6;
		font-weight:400;
		padding-left:80px}
		
	.welcomeXE .features .fe_box h3{
		color:#f6f6f6;
		font-weight:400;
		padding-left:80px}
		
	.welcomeXE .features .fe_box a{
		height:30px;
		padding:0 20px;
		line-height:30px;
		float:right}
		
	.welcomeXE .features .fe_bottom{
		padding-left:80px;
		overflow:hidden;
		position:static}
		
	.welcomeXE .features .fe_box p{
		margin-bottom:40px;
		margin-top:10px;
		font-size:13px;
		line-height:20px}
		
	.welcomeXE .features .fe_box .ico2{
		background-position:-70px -70px}
		
	.welcomeXE .features .fe_box .ico3{
		background-position:-140px -70px}
		
	.welcomeXE .features .fe_box .ico4{
		background-position:-210px -70px}
		
	.welcomeXE .features .fe_box.on .fe_bottom,
	.welcomeXE .features .fe_box.on .fe_top{
		top:0}
		
	.welcomeXE .connect{
		height:auto;
		padding:80px 14px 0}
		
	.welcomeXE .connect ul{
		padding-top:0}
		
	.welcomeXE .connect li{
		margin-left:0;
		width:auto;
		min-height:78px;
		margin-bottom:20px}
		}