@charset "utf-8";
*{
	margin:0px;
	padding:0px;
}

a
{
	text-decoration:none;
	color:inherit;
}

#all
{
	position:relative;
}

header
{
	position:fixed;
	width:100%;
	z-index:10;
	height:100px;
	background-color:#ffffff;
}

/*A*/
#top
{
	position:relative;
	text-align:center;
}

.top_left
{
	position:relative;
	width:650px;
	height:80px;
	display:inline-block;
}

.top_left>div
{
	position:absolute;
	width:650px;
	height:80px;
	text-align:left;
	padding-left:150px;
	padding-top:10px;
}

.top_left>div>a>img
{
	width:90px;
}

.top_right
{
	position:relative;
	width:850px;
	height:80px;
	display:inline-block;
}

.top_right>div
{
	position:absolute;
	width:850px;
	height:80px;
	padding-right:29px;
	padding-top:10px;
}

.top_right>div>ul
{
	width:850px;
}

.top_right>div>ul li
{
	position:relative;
	display:inline-block;
	font-weight:bold;
	font-size:16px;
	padding:10px 25px;
}

.text_blog
{
	color:#ff7300;
}

main
{
	position:relative;
	top:100px;
}

/*B*/
#slogan
{
	position:relative;
	height:800px;
}

#slogan>div
{
	position:relative;
	width:1000px;
	margin:0px auto;
	height:400px;
	top:100px;
}

#slogan>div>div>a
{
	position:relative;
	display:block;
	position:relative;
	width:1000px;
	height:560px;
	overflow:hidden;
	border-radius:30px;
	text-align:center;
	font-weight:bold;
}

#slogan>div>div>a>img
{
	width:1000px;
}

.slogan_text_area>a>ul>li
{
	font-size:30px;
}

.carrot_user
{
	font-size:18px!important;
	color:#adadad;
	font-weight:500!important;
}

/*C*/
#blog
{
	position:relative;
	width:1200px;
	margin:0px auto;
	height:1700px;
}

.blog_left
{
	position:relative;
	width:600px;
	height:120px;
	display:inline-block;
}

.blog_left>div
{
	position:absolute;
	width:600px;
	height:120px;
	padding-top:10px;
	padding-left:20px;
}

.search_all
{
	position:relative;
	display:inline-block;
	padding:7px 20px;
	font-size:20px;
	background-color:#000000;
	font-weight:bold;
	border-radius:60px;
	color:#ffffff;
}

.search_others
{
	position:relative;
	display:inline-block;
	padding:7px 20px;
	background-color:#eaeaea;
	border-radius:60px;
	font-size:20px;
	color:#848484;
}

.search_others:hover
{
	background-color:#000000;
	font-weight:bold;
	color:#ffffff;
}

.blog_right
{
	position:relative;
	width:550px;
	height:120px;
	display:inline-block;
}

.blog_right>div
{
	position:absolute;
	width:550px;
	height:120px;
	text-align:right;
	padding-top:10px;
	padding-left:100px;
	text-align:right;
}

.blog_right>div>div
{
	position:relative;
	width:270px;
	height:40px;
	margin:0px auto;
	background-color:#eaeaea;
	border-radius:60px;
	padding:7px 3px;
	padding-bottom:20px;
	padding-right:50px;
}

.search_area_left
{
	position:relative;
	width:100px;
	height:35px;
	display:inline-block;
}

.search_area_left>div
{
	position:absolute;
	width:100px;
	height:35px;
	padding-top:10px;
}

.search_area_right
{
	position:relative;
	width:150px;
	height:35px;
	display:inline-block;
}

.search_area_right>div
{
	position:absolute;
	width:150px;
	height:35px;
	padding-top:10px;
}

.search_area_right>div>input
{
	position:relative;
	width:140px;
	height:34px;
	border:0px;
	background-color:#eaeaea;
	font-size:20px;
}

.material-symbols-outlined
{
	position:relative;
	width:56px;
	padding-right:10px;
}

.posts
{
	position:relative;
	height:1500px;
}

.posts_
{
	position:relative;
	width:550px;
	height:450px;
	display:inline-block;
}

.posts_:hover
{
	transform:translate(0px, -10px);
	transition:all 0.3s;
}

.posts_>div
{
	position:absolute;
	width:550px;
	height:450px;
	text-align:left;
}

.posts_>div>div>img
{
	width:500px;
	padding-left:25px;
	padding-right:25px;
	padding-top:10px;
	border-radius:60px;
}

.posts_text_top
{
	position:relative;
	font-size:30px;
	font-weight:bold;
	overflow:hidden;
	padding-left:30px;
}

.posts_text_bottom
{
	position:relative;
	font-size:18px;
	color:#adadad;
	overflow:hidden;
	padding-left:25px;
}

.posts_bottom_icon
{
	position:relative;
	text-align:left;
	padding-top:30px;
	padding-left:30px;
}

.posts_bottom_icon>div
{
	position:relative;
	width:60px;
	height:25px;
	border-radius:60px;
	text-align:center;
	background-color:#d8d8d8;
	color:#6b6b6b;
	font-size:14px;
	padding-top:4px;
}

.padding_fix
{
	position:relative;
	padding-top:50px;
}

/*D*/
footer
{
	position:relative;
	height:250px;
}

#info
{
	position:relative;
	width:1500px;
	padding-left:400px;
}

.info_left>div
{
	padding-top:50px;
}

#info>div
{
	position:relative;
}

.text_info
{
	position:relative;
	width:720px;
	height:40px;
	display:inline-block;
}

.text_info>div
{
	position:absolute;
	width:720px;
	height:40px;
}

.text_info>div>ul li
{
	position:relative;
	display:inline-block;
	padding:0px 10px;
	font-size:14px;
}

.bottom_symbols_area
{
	position:relative;
	width:720px;
	height:40px;
	display:inline-block;
	padding:0px;
}

.bottom_symbols_area>div
{
	position:absolute;
	width:720px;
	height:40px;
}

.bottom_symbols_area li
{
	position:relative;
	width:60px;
	display:inline-block;
	overflow:hidden;
}

#sns_replace
{
	position:relative;
	width:30px;
	padding-right:0px;
}

.privacy
{
	font-weight:bold;
}

.address_copyright
{
	position:relative;
	padding-top:20px;
	font-size:13px;
	color:#c6c6c6;
}