@charset "UTF-8";
/*****************************************************
	/*튠페이스*/

.tuneface_module{
	letter-spacing: -1px;
}

.tuneface_module .tune_list01{
	padding:60px 0;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#7148B5), to(#8769E9));
	background-image: -o-linear-gradient(#7148B5, #8769E9);
	background-image: linear-gradient(#7148B5, #8769E9);
	word-break: keep-all;
}

.tuneface_module .tune_list01 .fix_area{
	max-width: 500px;
	margin:0 auto;
}

.tuneface_module .tune_list01 .bg{
	width:80%;
	margin:0 auto;
	position: relative;
}

.tuneface_module .tune_list01 .bg img{
	width:100%;
	display: block;
}

.tuneface_module .tune_list01 .bg .txt_box{
	margin:0 auto;
	background-color: rgba(0, 0, 0, 0.7);
	padding:15px 20px;
	width:100%;
}

.tuneface_module .tune_list01 .txt{
	color:#fff;
	font-size:12px;
	font-weight: 100;
}

.tuneface_module .tune_list01 .txt span{
	font-weight: 700;
}

.tuneface_module .tune_list01 .logo{
	width:200px;
	padding-top:13px;
}

.tuneface_module .tune_list01 .logo img{
	width:100%;
}

.tuneface_module .tune_list01 .bg .front{
	width:45%;
	position:absolute;
	right:-50px;
	bottom:-10px;
}

.tuneface_module .tune_list01 .bg .front img{
	width:100%;
}

/*02번 영역*/
.tuneface_module .tune_list02{
	padding:80px 0 10px;
	background-color:#E1DBD3;
	word-break: keep-all;
}

.tuneface_module .tune_list02 .fix_area{
	max-width: 500px;
	margin:0 auto;
}

.tuneface_module .tune_list02 .ds-tit{
	padding-bottom:30px;
}

.tuneface_module .tune_list02 li{
	margin-bottom: 100px;
	text-align: center;
}

.tuneface_module .tune_list02 li .t_icon{
	width:180px;
	margin:0 auto;
}

.tuneface_module .tune_list02 li .t_icon img{
	width:100%;
}

.tuneface_module .tune_list02 li .txt_box{
	padding: 25px 10px 30px 110px;
	background-color: rgba(236, 234, 247, 0.5);
	width: 100%;
	margin: 20px auto 30px;
	background-repeat: no-repeat;
	background-position: 25px center;
	background-size: 20%;
}

.tuneface_module .tune_list02 li .txt_box .tit{
	padding-bottom:25px;
	color:#9065FF;
	font-weight: 700;
	font-size: 18px;
	line-height:23px;
}

.tuneface_module .tune_list02 li .txt_box .tit span{
	font-weight: 100;
}



.tuneface_module .tune_list02 li .txt_box .desc{
	font-size: 15px;
	color: #2F2E2E;
	line-height: 21px;
	position: relative;
}

.tuneface_module .tune_list02 li .txt_box .desc::after{
	content: '';
	display: inline-block;
	width: 15px;
	height: 1px;
	background-color: #7C51A1;
	position: absolute;
	left: 50%;
	top: -10px;
	-webkit-transform: translateX(-50%);
	    -ms-transform: translateX(-50%);
	        transform: translateX(-50%);
}

.tuneface_module .tune_list02 li .txt_box .desc span{
	color:#7C51A1;
	display: inline;
}

.tuneface_module .tune_list02 li .txt_box .desc b{
	font-weight: 700;
}


.tuneface_module .tune_list02 li .icon_area{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap:wrap;
	    flex-wrap:wrap;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-direction: row;
	        flex-direction: row;
	-webkit-box-pack:center;
	    -ms-flex-pack:center;
	        justify-content:center;
	-webkit-box-align:center;
	    -ms-flex-align:center;
	        align-items:center;
	-ms-flex-line-pack:center;
	    align-content:center;
}

.tuneface_module .tune_list02 li .icon_area p{
	/* width:95px; */
	margin: 7px;
}

.tuneface_module .tune_list02 li .icon_area p img{
	width:100%;
}

/*3번 영역*/
.tuneface_module .tune_list03{
	padding:80px 0 90px;
	background-color:#ECEAF7;
	text-align: center;
	word-break: keep-all;
}

.tuneface_module .tune_list03 .fix_area{
	max-width: 500px;
	margin:0 auto;
}

.tuneface_module .tune_list03 li .tit{
	background-image: -o-linear-gradient(45deg,#8769E9, #7148B5);
	background-image: linear-gradient(45deg,#8769E9, #7148B5);
	padding: 5px 40px;
	margin: 30px 0 25px;
	border-radius: 50em;
	color: #fff;
	font-size: 15px;
	display: inline-block;
}

.tuneface_module .tune_list03 li .imgs{
	width:90%;
	margin:0 auto;
}

.tuneface_module .tune_list03 li .imgs img{
	width:100%;
}

.tuneface_module .tune_list03 li .desc{
	width:100%;
	padding:20px 0;
	margin: 20px 0 40px;
	background-image: -o-linear-gradient(45deg,#8769E9, #7148B5);
	background-image: linear-gradient(45deg,#8769E9, #7148B5);
	color:#fff;
	font-size:13px;
	line-height: 20px;
	font-weight: 100;
}

.tuneface_module .tune_list03 li .grid{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap: nowrap;
	    flex-wrap: nowrap;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-direction: row;
	        flex-direction: row;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-ms-flex-line-pack: center;
	    align-content: center;
}

.tuneface_module .tune_list03 li .grid > div {
	flex: 1;
}

.tuneface_module .tune_list03 li .grid .imgs{
	padding-left:10px;
}


.tuneface_module .tune_list03 li .grid .txt{
	font-size:12px;
	color:#2F2E2E;
}

.tuneface_module .tune_list03 li .grid .txt b{
	font-weight: 700;
}

/*04번 영역*/
.tuneface_module .tune_list04{
	padding:80px 0 60px;
	text-align: center;
}

.tuneface_module .tune_list04 .fix_area{
	max-width: 500px;
	margin:0 auto;
}


.tuneface_module .tune_list04 .tit{
	background-image: -o-linear-gradient(45deg,#8769E9, #7148B5);
	background-image: linear-gradient(45deg,#8769E9, #7148B5);
	padding: 5px 40px;
	margin: 30px 0 25px;
	border-radius: 50em;
	color: #fff;
	font-size: 15px;
	display: inline-block;
}

.tuneface_module .tune_list04 .cont{
	margin-bottom: 70px;
	width:100%;
}

.tuneface_module .tune_list04 .cont p{
	width:100%;
	margin:0 auto 30px;
}

.tuneface_module .tune_list04 .cont p img{
	width:100%;
}