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

@charset "UTF-8";
/*****************************************************
	/*사이토베지클*/

/*01번 영역*/
.cytovesicle_module .cyto_list01{
	padding:80px 0;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	text-align: center;
}

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

.cytovesicle_module .cyto_list01 .logo{
	width:250px;
	margin:0 auto;
	padding-bottom:20px;
}

.cytovesicle_module .cyto_list01 .logo img{
	width:100%;
}

.cytovesicle_module .cyto_list01 ul{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-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;
	
}

.cytovesicle_module .cyto_list01 li{
	width: 100px;
	height: 100px;
	padding-top: 31px;
	margin: 20px 15px 0;
	border-radius: 50em;
	background-color: rgba(169, 159, 149, 0.8);
	color: #fff;
	font-size: 17px;
	font-weight: 200;
	line-height: 20px;
}

/*02번 영역*/
.cytovesicle_module .cyto_list02{
	padding:80px 0 110px;
	background-color:#fff;
	text-align: center;
	letter-spacing: -1px;
}

.cytovesicle_module .fix_area .ds-tit span{
	color:#A99F95;
}

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

.cytovesicle_module .cyto_list02 .ds-tit{
	padding-bottom: 30px;
}
.cytovesicle_module .cyto_list02 .bfter li{
	margin-top:25px;
}
.cytovesicle_module .cyto_list02 .bfter .txt_area .tit{
	padding: 8px 0;
	color: #fff;
	font-size: 18px;
	font-weight: 700;
	
}

.cytovesicle_module .cyto_list02 .before .txt_area .tit{
	background-color:#424241;	
	border: 1px solid #424241;
}

.cytovesicle_module .cyto_list02 .center .txt_area .tit{
	width:50%;
	margin:20px auto 5px;
	background-color:#A99F95;	
}


.cytovesicle_module .cyto_list02 .after .txt_area .tit{
	background-color:#F16D6B;
	border: 1px solid #F16D6B;
}

.cytovesicle_module .cyto_list02 .bfter .txt_area .txt{
	padding:15px 0;
	color:#424242;
	font-size: 14px;
   line-height: 21px
}

.cytovesicle_module .cyto_list02 .before .txt_area .txt{
	border:1px solid #424241;
}

.cytovesicle_module .cyto_list02 .after .txt_area .txt{
	border:1px solid #F16D6B;
}

.cytovesicle_module .cyto_list02 .bfter .txt_area .txt span{
	display:inline;
	font-weight: 700;
}

.cytovesicle_module .cyto_list02 .before .txt_area .txt span{
	color:#A99F95;
}

.cytovesicle_module .cyto_list02 .after .txt_area .txt span{
	color:#F16D6B;
}

.cytovesicle_module .cyto_list02 .bfter li .imgs{
	width:35%;
	margin:0 auto;
}

.cytovesicle_module .cyto_list02 .bfter li .imgs img{
	width:100%;
}

.cytovesicle_module .cyto_list02 .bfter li .txt{
	padding:5px 0 20px;
	font-size:15px;
}

.cytovesicle_module .cyto_list02 .bfter .icon{
	width:15px;
	margin:0 auto;
}


.cytovesicle_module .cyto_list02 .bfter .icon img{
	width:100%;
}

.cytovesicle_module .cyto_list02 .center .icon{
	margin:10px auto 20px;
}
.cytovesicle_module .cyto_list02 .center .img{
	width:80%;
	margin:0 auto;
}
.cytovesicle_module .cyto_list02 .center .img img{
	width:100%;
}

/*03번 영역*/
.cytovesicle_module .cyto_list03{
	padding:80px 0 130px;
	background-color:#F8F6F3;
	text-align: center;
	letter-spacing: -1px;
}

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

.cytovesicle_module .cyto_list03 .content01{
	padding-top:30px;
}

.cytovesicle_module .cyto_list03 .content01 .cont{
	padding-bottom: 30px;
	width:80%;
	margin:0 auto;
	background-color:#fff;
}

.cytovesicle_module .cyto_list03 .content01 .cont1{
	border: 1px solid #D2BBA3;
}

.cytovesicle_module .cyto_list03 .content01 .cont2{
	border: 1px solid #C0A386;
}

.cytovesicle_module .cyto_list03 .content01 .cont3{
	border: 1px solid #A18364;
}

.cytovesicle_module .cyto_list03 .content01 .cont .tit{
	padding: 5px 0;
	color: #fff;
	font-size: 19px;
	font-weight: 700;
}

.cytovesicle_module .cyto_list03 .content01 .cont1 .tit{
	background-color:#D2BBA3;
}

.cytovesicle_module .cyto_list03 .content01 .cont2 .tit{
	background-color:#C0A386;
}

.cytovesicle_module .cyto_list03 .content01 .cont3 .tit{
	background-color:#A18364;
}

.cytovesicle_module .cyto_list03 .content01 .cont .imgs{
	width:50%;
	margin:0 auto;
}

.cytovesicle_module .cyto_list03 .content01 .cont .imgs img{
	width:100%;
	margin:40px 0 5px;
}



.cytovesicle_module .cyto_list03 .content01 .cont .desc{
	font-size: 13px;
	line-height: 20px;
	color: #424242;
	font-weight: 100;
}

.cytovesicle_module .cyto_list03 .content01 .desc{
	padding-top:20px;
}

.cytovesicle_module .cyto_list03 .content01 .icon{
	width:10px;
	margin:20px auto;
}

.cytovesicle_module .cyto_list03 .content01 .icon img{
	width:100%;
}

.cytovesicle_module .cyto_list03 .content02{

	padding-bottom: 20px;
	margin:70px auto 0;
	background-color:#fff;
	border:1px solid #A99F95;
}

.cytovesicle_module .cyto_list03 .content02 .tit{
	width:260px;
	margin:0 auto;
	padding:15px 0;
	background-color:#A99F95;
	color:#fff;
	font-size:19px;
	font-weight: 700;
	-webkit-transform: translateY(-30px);
	    -ms-transform: translateY(-30px);
	        transform: translateY(-30px);
	line-height: 18px;
}

.cytovesicle_module .cyto_list03 .content02 .tit i{
	font-style: normal;
	color: rgba(255, 255, 255, 0.4);
}

.cytovesicle_module .cyto_list03 .content02 .tit span{
	font-weight: 100;
	font-size:12px;
}

.cytovesicle_module .cyto_list03 .content02 .img_box{
	width:60%;
	margin:10px auto 20px;
}

.cytovesicle_module .cyto_list03 .content02 .img_box img{
	width:100%;
}


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

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

.cytovesicle_module .cyto_list04_01 .main_img{
	width:85%;
	margin:70px auto;
}

.cytovesicle_module .cyto_list04_01 .main_img img{
	width:100%;
}

.cytovesicle_module .cyto_list04_01 .txt_area{
	margin:0 auto;
}

.cytovesicle_module .cyto_list04_01 .txt_area li{
	width:80%;
	margin:15px auto 0;
	border:1px solid #A99F95; 
	position:relative;
	text-align: center;
}

.cytovesicle_module .cyto_list04_01 .txt_area li::before{
	/*content:'';*/
	/*display:inline-block;*/
	/*width:20px;*/
	/*height:20px;*/
	/*background-image: url("/imges/package/branch/T00062/cytovesicle/04_icon1_mo.png");*/
	/*background-repeat: no-repeat;*/
	/*background-size: contain;*/
	/*position:absolute;*/
	/*left:50%;*/
	/*top:71px;*/
	/*-webkit-transform: translateX(-50%);*/
	/*    -ms-transform: translateX(-50%);*/
	/*        transform: translateX(-50%);*/
}

.cytovesicle_module .cyto_list04_01 .txt_area li p{
	padding: 16px 0;
    position: relative;
}

.cytovesicle_module .cyto_list04_01 .txt_area li .left{
	background-color:#A99F95;
	color:#fff;
	font-weight: 700;
	font-size: 18px;
}
.cytovesicle_module .cyto_list04_01 .txt_area li .left:before{
	content:'';
	display:inline-block;
	width:20px;
	height:20px;
	background-image: url("/imges/package/branch/T00062/cytovesicle/04_icon1_mo.png");
	background-repeat: no-repeat;
	background-size: contain;
	position:absolute;
	left:50%;
	bottom:-10px;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}

.cytovesicle_module .cyto_list04_01 .txt_area li .right{
	color:#A99F95;
	font-size: 13px;
}

.cytovesicle_module .cyto_list04_01 .icon{
	position:relative;
	background-color: #424241;
}

.cytovesicle_module .cyto_list04_01 .icon p{
	width: 41px;
	position: absolute;
	left: 50%;
	top: 129px;
	-webkit-transform: translateX(-50%);
	    -ms-transform: translateX(-50%);
	        transform: translateX(-50%);
}

.cytovesicle_module .cyto_list04_01 .icon p img{
	width:100%;
}

/*04_02번 영역*/
.cytovesicle_module .cyto_list04_02{
	padding:80px 0 130px;
	background-color:#A99F95;
	text-align: center;
	color:#fff;
	letter-spacing: -1px;
}

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

.cytovesicle_module .cyto_list04_02 .tit{
	font-size:22px;
	font-weight: 700;
}

.cytovesicle_module .cyto_list04_02 .content{
	padding:50px 0 60px;
}

.cytovesicle_module .cyto_list04_02 .content .imgs{
	width:70%;
	margin:0 auto;
}

.cytovesicle_module .cyto_list04_02 .content .imgs img{
	width:100%;
}

.cytovesicle_module .cyto_list04_02 .content .icon{
	width: 7%;
	margin: 0 auto;
}

.cytovesicle_module .cyto_list04_02 .content .icon img{
	width:100%;
}

.cytovesicle_module .cyto_list04_02 .desc{
	font-size: 16px;
    line-height: 24px;
	 font-weight: 100;
}

.cytovesicle_module .cyto_list04_02 .desc span{
	display: inline;
	font-size:18px;
	font-weight: 700;
}