@media screen and (max-width:550px) {	
	.Container .info {
		width: 80%;
	}
	.Container .info ul li {
		font-size: 1rem;
		height: 25px;
		line-height: 25px;
	}
	.Container .hello,
	.Container .hello .name {
		width: 100%;
		font-size: 1.7rem;
	}
	.todayTotalLuckPoint .chart .point_txt {
		height: 50px;
		line-height: 35px;
		font-size: 2rem;
	}
	.todayTotalLuckPoint .chart .basic {
		font-size: 1.1rem;
	}
	.todayTotalLuckPoint .txt {
		font-size: 1.6rem;
		letter-spacing: -1px;
	}
	.todayTotalLuckPoint .today {
		font-size: 0.9rem;
	}
	.todayWeather .txt {
		font-size: 1.6rem;
		margin-top: 8%;
	}
	.todayWeather .w_img {
		padding-top: 10%;
	}
	
	.todayContent .sub .todayLuckPoint .point {
		font-size: 1.8rem;
	}
	.todayContent .sub .todayLuckPoint .point_basic {
		font-size: 1.6rem;
	}
	.todayContent .sub .todayLuckPoint .txt {
		font-size: 1.3rem;
	}

	.todayTxt {
		font-size: 1.25rem;
	}
	.todayTxt p {
		line-height: 25px;
	}
	.todayTxt .moreBtn {
		font-size: 1.2rem;
		width: 35%;
		padding: 2% 3%;
	}
	.todayTxt .addBtn {
		font-size: 2rem;
		margin: 5% auto
	}

	.todayContent .bio h3 {
		font-size: 1.5rem;
	}
	.todayContent .bio_view .bio_chart ul li:nth-child(odd) {
		font-size: 1.4rem;
		height: 60px;
		line-height: 60px;
	}
	.todayContent .bio_view .bio_chart ul li:nth-child(odd) p {
		font-size: 0.9rem;
		height: 25px;
		line-height: 25px;
	}
	.todayContent .bio_view .bio_chart ul li:nth-child(odd) p.basic {
		height: 50px;
		line-height: 50px;
		font-size: 1.4rem;
	}
	.todayContent .bio_view .bio_chart ul li:nth-child(odd) p.bar-chart-text {
		font-size: 1.2rem;
		height: 28px;
		line-height: 28px;
	}
	.todayContent .bio_view .bio_chart .bar-chart {
		height: 3rem;
	}
	.todayContent .bio_view .bio_chart .bar-chart .bar-chart--xa {
		font-size: 0.8rem;
	}
	.todayContent .bio_view .bio_txt {
		font-size: 1rem;
		line-height: 24px;
	}
	.todayContent .InfoBtn a {
		font-size: 1.5rem;
		border-radius: 10px;
	}

	.livContent {
		margin: 30% 3% 20% 3%;
	}
	.livContent .title {
		width: 70%;
		margin: 0 auto;
	}
	.livContent ul {
		padding-top: 7%;
	}
	.livContent ul li {
		height:auto;
	}
	.livContent ul li img {
		width:100%;
		border-radius: 10px;
		display: block;
	}
	.livContent ul p {
		margin-top: 9%;
		margin-left: 8%;
		margin-right: 3%;
	}
	.livContent .heart_count {
		font-size: 1.5rem;
	}
	
	.mainContainer .fortune_today_date {
		left: 33.5%;
		top: 12.5%;
		font-size: 1.6rem;
	}
}

@media screen and (max-width:500px) {
	
	.Container .title h2 {
		font-size: 1.3rem;
	}
	.Container .info ul li {
		font-size: 1.0rem;
	}
	.Container .hello,
	.Container .hello .name {
		font-size: 1.1rem;
	}
	.todayTotalLuckPoint .today {
		font-size: 0.8rem;
	}
	.todayTotalLuckPoint .txt {
		font-size: 1.5rem;
	}
	.todayWeather .txt {
		font-size: 1.5rem;
	}
	.todayTotalLuckPoint .chart .basic {
		font-size: 1rem;
	}
	.todayContent .sub .todayLuckPoint {
		padding: 10%;
	}
	.todayContent .sub .todayLuckPoint .txt {
		font-size: 0.9rem;
	}
	.todayContent .sub .todayLuckPoint .point {
		font-size: 1.75rem;
	}
	.todayContent .sub .todayLuckPoint .point_basic {
		font-size: 1.3rem;
	}

	.todayContent .bio_view .bio_chart ul li:nth-child(odd) {
		font-size: 1rem;
		height: 50px;
		line-height: 50px;
	}
	.todayContent .bio_view .bio_chart .bar-chart {
		height: 3.3rem;
	}
	.todayContent .bio_view .bio_txt {
		font-size: 1.15rem;
	}

	.todayTxt {
		font-size: 1.15rem;
	}
	.todayTxt a {
		font-size: 1.2rem;
	}
	.todayTxt p {
		line-height: 24px;
	}

	.gnb li a {
		padding: 8px 25px;
		font-size:14px;
		font-weight:600;
	}
	.mainContents .container .title_wrap h3 {
		font-size: 1.4rem;
	}
	.mainContents .container .title_wrap a {
		border-right: 3px solid;
		border-bottom: 3px solid;
		height: 11px;
		width: 11px;
		margin-top: 2%;
	}
	.mainContents .container .post_wrap ul li a {
		font-size: 0.9rem;
		font-weight:600;
	}
	.mainContents .container .post_wrap .post_title {
		padding-top: 5%;
		height: 25px;
	}
	.mainContents .container .post_wrap .heart_count {
		height: 25px;
		line-height: 25px;
		font-size:0.8rem;
	}
	.subContents .content_wrap .title .heart_count {
		height: 25px;
		line-height: 25px;
		font-size:1rem;
	}	
	.upPost h3 {
		font-size: 1.4rem;
	}
	.upPost .upPost_img {
		max-width: 175px;
	}
	.upPost li a img {
		max-width: 175px;
	}
	.upPost .upPost_txt {
		padding: 8% 6%;
		font-size: 0.9rem;
		height: 45px;
	}
	.fortuneCate ul li a {
		font-size: 1.2rem;
		padding: 4.5% 0;
	}
	#subContents .content_wrap .title h3 {
		font-size: 1.4rem;
	}
	#subContents .content_wrap .ql-size-normal2 {
		font-size: 1.1em;
	}
	
	.mainContainer .fortune_today_date {
		left: 33.5%;
		top: 10.5%;
		font-size: 1.5rem;
	}
	.mainContainer .fortuneHeader ul li h3 {
		font-size: 1rem;
		margin-top: 15%;
	}
	.mainContainer .fortuneHeader ul li p {
		font-size: 0.9rem;
		margin-top: 4%;
	}
}

@media screen and (max-width:440px) {
	.Container .info ul li {
		font-size: 0.8rem;
		height: 22px;
		line-height: 22px;
	}
	.Container .hello,
	.Container .hello .name {
		font-size: 1.3rem;
	}

	.todayTotalLuckPoint .chart .point_txt {
		height: 40px;
		font-size: 1.6rem;
		top: 37%;
	}
	.todayTotalLuckPoint .chart .basic {
		font-size: 0.9rem;
	}
	.todayTotalLuckPoint .today {
		font-size: 0.8rem;
	}
	.todayTotalLuckPoint .txt {
		font-size: 1.4rem;
	}
	.todayWeather .txt {
		font-size: 1.4rem;
		margin-top: 9%;
	}
	.todayContent .sub .todayLuckPoint .point {
		font-size: 1.5rem;
	}
	.todayContent .sub .todayLuckPoint .point_basic {
		font-size: 1.25rem;
	}
	.todayContent .bio_view .bio_chart ul li:nth-child(odd) p {
		font-size: 0.8rem;
		height: 20px;
		line-height: 20px;
	}
	.todayContent .bio_view .bio_chart ul li:nth-child(odd) p.basic {
		height: 40px;
		line-height: 40px;
		font-size: 1.1rem;
	}
	.todayContent .bio_view .bio_chart ul li:nth-child(odd) p.bar-chart-text {
		font-size: 1rem;
		height: 25px;
		line-height: 25px;
	}

	.todayTxt {
		font-size: 1rem;
	}
	.todayTxt p {
		line-height: 22px;
	}
	.todayTxt .moreBtn {
		font-size: 1rem;
	}
	.todayTxt .addBtn {
		font-size: 1.5rem;
		padding: 3%;
	}

	.todayContent .bio h3 {
		font-size: 1.3rem;
	}
	.todayContent .bio_view .bio_txt {
		font-size: 1rem;
		line-height: 22px;
	}
	.todayContent .bio_view .bio_chart {
	    width: 90%;
		margin: 10% auto 4% auto;
	}
	.todayContent .bio_view .bio_chart .bar-chart {
		height: 2.5rem;
	}
	.todayContent .bio_view .bio_chart .bar-chart .bar-chart--xa {
		font-size: 0.7rem;
	}
	.todayContent .InfoBtn a {
		font-size: 1.2rem;
		border-radius: 5px;
	}

	.livContent ul p {
		font-size: 1rem;
	}
	.livContent .heart_count {
		font-size: 1rem;
	}
	#subContents .content_wrap .title h3 {
		font-size: 1.3rem;
	}
	#subContents .content_wrap .ql-size-normal2 {
		font-size: 1em;
	}
	#subContents .content_wrap .title .heart_count {
		font-size: 1.2rem;
	}

	.mainContainer .fortune_today_date {
		left: 33.5%;
		top: 11%;
		font-size: 1.4rem;
	}

}


@media screen and (max-width: 412px) {
	.mainContents .container .post_wrap ul li a {
		font-size: 0.8rem;
		font-weight:600;
	}
	.Container .title h2 {
		font-size: 1rem;
	}
	.Container .info ul {
		margin: 5% 0 5% 0;
	}
	.Container .info ul li {
		font-size: 0.75rem;
		height: 19px;
		line-height: 19px;
	}
	.Container .hello,
	.Container .hello .name {
		font-size: 1.2rem;
		padding: 7% 0 2% 0;
	}
	
	.todayContent .sub .todayLuckPoint .point_basic {
		font-size: 1.2rem;
	}
	.todayTotalLuckPoint .chart .point_txt {
		font-size: 1.5rem;
		line-height: 27px;
		top: 41%;
	}
	.todayTotalLuckPoint .chart .basic {
		font-size: 0.8rem;
	}
	.todayTotalLuckPoint .today {
		font-size: 0.7rem;
	}
	.todayTotalLuckPoint .txt {
		font-size: 1.25rem;
	}
	.todayWeather .txt {
		font-size: 1.25rem;
	}
	.todayTxt {
		font-size: 0.9rem;
	}
	.todayTxt .moreBtn {
		font-size: 0.8rem;
		width: 30%;
	}
	.todayTxt .addBtn {
		font-size: 1.5rem;
		padding: 3%;
	}
	.todayContent .bio h3 {
		font-size: 1.1rem;
	}
	.todayContent .bio_view .bio_txt {
		line-height: 21px;
		font-size:0.9rem;
	}

	.livContent ul p {
		font-size: 1rem;
	}
	#subContents .content_wrap .ql-size-normal2 {
		font-size: 1.1em;
	}

	.mainContainer .fortune_today_date {
		left: 33.5%;
		top: 10%;
		font-size: 1.3rem;
	}

}

@media screen and (max-width: 375px) {
	.Container .info ul li {
		font-size: 0.7rem;
		height: 20px;
		line-height: 20px;
	}
	.Container .hello,
	.Container .hello .name {
		font-size: 1.1rem;
	}
	
	.todayContent .sub .todayLuckPoint .point {
		font-size: 1.4rem;
	}
	.todayContent .sub .todayLuckPoint .point_basic {
		font-size: 1.1rem;
	}
	.todayContent .bio_view .bio_chart .bar-chart {
		height: 2.2rem;
	}
	.todayContent .bio_view .bio_chart ul li:nth-child(odd) p.basic {
		height: 30px;
		line-height: 30px;
		font-size: 0.9rem;
	}
	.todayContent .bio_view .bio_chart ul li:nth-child(odd) p.bar-chart-text {
		font-size: 0.9rem;
	}
	.todayContent .bio_view .bio_txt {
		font-size: 0.85rem;
	}

	.todayTxt {
		font-size: 0.85rem;
	}
	.todayTxt p {
		line-height: 20.5px;
	}
	.todayTxt .addBtn {
		font-size: 1.4rem;
		padding: 3%;
	}

	.livContent ul p {
		font-size: 0.9rem;
	}
	.livContent .heart_count {
		font-size: 1.1rem;
	}

	.mainContainer .fortune_today_date {
		left: 33.5%;
		top: 9.5%;
		font-size: 1.3rem;
	}
}

@media screen and (max-width: 330px) {
	.Container .info ul li {
		font-size: 0.7rem;
	}
	.Container .hello,
	.Container .hello .name {
		font-size: 1rem;
	}
	.todayTotalLuckPoint .chart .point_txt {
		font-size: 1.2rem;
		line-height: 22px;
		top: 43%;
	}
	.todayTotalLuckPoint .chart .basic {
		font-size: 0.7rem;
	}
	.todayWeather .txt {
		margin-top: 11%;
	}
	.todayContent .sub .todayLuckPoint .txt {
		font-size: 0.8rem;
	}
	.todayContent .sub .todayLuckPoint .point {
		font-size: 1.3rem;
	}
	.todayContent .sub .todayLuckPoint .point_basic {
		font-size: 1rem;
	}
	.todayContent .bio_view .bio_chart ul li:nth-child(odd) p {
		font-size: 0.6rem;
	}
	.todayContent .bio_view .bio_chart ul li:nth-child(odd) p.bar-chart-text {
		font-size: 0.8rem;
	}
	.todayContent .bio_view .bio_txt {
		font-size: 0.75rem;
	}

	.todayTxt {
		font-size: 0.75rem;
	}
	.livContent ul p {
		font-size: 0.8rem;
	}
	.livContent .heart_count {
		font-size: 0.9rem;
	}

	.mainContainer .fortune_today_date {
		left: 33.5%;
		top: 8.5%;
		font-size: 1.2rem;
	}
}