/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

@charset "UTF-8";
/*****************************************************
	/*유스필*/

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

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

.youthfill_module .point{
	width:100%;
}

.youthfill_module .point img{
	width:100%;
}

.youthfill_module .line{
	width:80%;
	margin:0 auto;
}

.youthfill_module .line img{
	width:100%;
}

/*01번 영역*/
.youthfill_module .youthfill_list01{
	padding:80px 0;
	background-image: url("/imges/package/youthfill/01_bg_mo.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	text-align: center;
}

.youthfill_module .youthfill_list01 .logo{
	width: 220px;
	margin: 0 auto;
	padding-bottom: 15px;
}

.youthfill_module .youthfill_list01 .logo img{
	width:100%;
}

.youthfill_module .youthfill_list01 .content{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
}

.youthfill_module .youthfill_list01 .content li{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	width: 100px;
	height: 100px;
	margin: 20px 20px 0;
	border-radius: 50em;
	background-color: rgba(73, 167, 172, 0.5);
	color: #fff;
	font-size: 17px;
	line-height: 21px;
	font-weight: 100;
}

/*02번 영역*/
.youthfill_module .youthfill_list02{
	padding:80px 0 130px;
	text-align: center;
}

.youthfill_module .youthfill_list02 .sub_tit{
	width: 90%;
	padding: 9px 0;
	margin: 30px auto 0;
	border-radius: 50em;
	font-size: 15px;
	font-weight: 100;
	background-color: #49A7AC;
	color: #fff;
}

.youthfill_module .youthfill_list02 .content .sub_txt{
	padding: 40px 0 30px;
	font-size: 17px;
	color: #49A7AC;
	line-height: 25px;
}

.youthfill_module .youthfill_list02 .content .sub_txt span{
	display: inline;
	font-family: 'Campton', Sans-serif;
	font-size: 15px;
	color: #2F2E2E;
	letter-spacing: 6px;
}

.youthfill_module .youthfill_list02 .content .cont{
	padding:40px 0 60px;
	background-color: #F4F4F4;
}

.youthfill_module .youthfill_list02 .content .cont .txt{
	font-size: 14px;
	line-height: 21px;
}

.youthfill_module .youthfill_list02 .content .cont .imgs{
	width: 50%;
	margin: 0 auto;
	padding: 40px 0 15px;
}

.youthfill_module .youthfill_list02 .content .cont .imgs img{
	width:100%;
}

.youthfill_module .youthfill_list02 .content .cont1 .desc{
	width: 180px;
	padding: 3px 0;
	margin: 0 auto;
	font-size: 13px;
	font-weight: 100;
	background-color: #939393;
	color: #fff;
}

.youthfill_module .youthfill_list02 .content .cont2 .desc{
	font-size:12px;
	color:#8E8E8E;
}

/*03번 영역*/
.youthfill_module .youthfill_list03{
	padding:80px 0;
	background-color:#F4F4F4;
	text-align: center;
}

.youthfill_module .youthfill_list03 .ds-tit{
	padding-bottom: 30px;
}

.youthfill_module .youthfill_list03 .point1{
	padding-bottom: 30px;
}


.youthfill_module .youthfill_list03 .content .imgs{
	width:30%;
	margin:0 auto;
	padding-bottom:20px;
}

.youthfill_module .youthfill_list03 .content .imgs img{
	width:100%;
}

.youthfill_module .youthfill_list03 .content .txt_box{
	width: 90px;
	padding: 2px 0;
	border-radius: 50em;
	margin: 0 auto;
	color: #fff;
	font-family: 'Campton', Sans-serif;
	font-size: 17px;
}

.youthfill_module .youthfill_list03 .content .shape{
	background-color:#47C8D3;
}

.youthfill_module .youthfill_list03 .content .deep{
	background-color:#4743B4;
}

.youthfill_module .youthfill_list03 .content .fine{
	background-color:#36A31B;
}

.youthfill_module .youthfill_list03 .content .desc{
	padding: 15px 0 20px;
	font-size: 16px;
	line-height: 20px;
}

.youthfill_module .youthfill_list03 .content .hash{
	font-size:15px;
	font-style: italic;
}

.youthfill_module .youthfill_list03 .content .hash1{
	color:#25959E;
}

.youthfill_module .youthfill_list03 .content .hash2{
	color:#272387;
}

.youthfill_module .youthfill_list03 .content .hash3{
	color:#246713;
}

.youthfill_module .youthfill_list03 .content .line{
	padding:35px 0;
}

/*04번 영역*/
.youthfill_module .youthfill_list04{
	padding:80px 0 130px;
	background-color:#fff;
}

.youthfill_module .youthfill_list04 .content .imgs{
	width:80%;
	margin:0 auto;
	padding-top:30px;
}

.youthfill_module .youthfill_list04 .content .imgs img{
	width:100%;
}

.youthfill_module .youthfill_list04 .content .line{
	padding:40px 0;
}



/*05번 영역*/
.youthfill_module .youthfill_list05{
	padding:80px 0 90px;
	background-color:#191919;
	color:#fff;
	text-align: center;
}

.youthfill_module .youthfill_list05 .tit_area{
	font-size:18px;
}

.youthfill_module .youthfill_list05 .tit_area .tit_img{
	padding-top:5px;
}

.youthfill_module .youthfill_list05 .tit_img{
	width:210px;
	margin:0 auto;
}

.youthfill_module .youthfill_list05 .tit_img img{
	width:100%;
}

.youthfill_module .youthfill_list05 .content{
	padding-top:40px;
}

.youthfill_module .youthfill_list05 .content li .imgs{
	width:40%;
	margin:0 auto;
}

.youthfill_module .youthfill_list05 .content li .imgs img{
	width:100%;
}

.youthfill_module .youthfill_list05 .content li .desc{
	padding: 10px 0 40px;
	font-size: 15px;
}