/* �쒕��좏샇�꾩“�� 由ъ뒪��	 ======================================*/
.bookpoll_wrap					{position:relative;  border:1px solid #ddd; border-top:3px solid #333;; border-bottom:7px solid #dfdfdf;}
.bookpoll_wrap .top_info		{padding:60px 60px 40px 60px; border-bottom:1px dotted #ccc;}
.bookpoll_wrap .top_info dt		{text-align:Center; font-family: 'S-CoreDream-7ExtraBold'; font-size:2.1em; line-height:1.2; letter-spacing:-3px; color:#111; margin-bottom:20px;}
.bookpoll_wrap .top_info dd		{line-height:1.6; font-size:1.1em;}
.bookpoll_wrap .top_info ul		{font-size:1.1em; text-align:left; padding:30px 0;}
.bookpoll_wrap .top_info ul li	{font-family: 'S-CoreDream-5Medium'; margin:7px 0; color:#333; letter-spacing:-0.75px;}
.bookpoll_wrap .top_info ul li strong	{display:inline-block; width:110px; margin-right:20px; font-family: 'S-CoreDream-4Regular'; background:#13b5b1; color:#fff; font-size:17px; border-radius:3px 3px 10px 3px; line-height:36px; text-align:center;}
.bookpoll_wrap .top_info ul li span		{font-size:16px; color:#999; margin-left:10px;}
.bookpoll_wrap .txt_line		{box-shadow:inset 0 -10px 0 #d8efff; padding:0 2px;}

.bookpoll_wrap .bookpoll_box		{padding:40px 50px;}
.bookpoll_wrap .bookpoll_enter		{background:#f7f7f7; padding:40px; border-top:1px dashed #ccc;}
.bookpoll_wrap .bookpoll_enter dl	{display:grid; grid-template-columns:150px auto;}
.bookpoll_wrap .bookpoll_enter dl dt 		{font-family: 'S-CoreDream-5Medium'; color:#111; line-height:44px; font-size:1.05em;}
.bookpoll_wrap .bookpoll_enter dl dd span	{padding-left:7px;}
.bookpoll_wrap .bookpoll_enter .input_form	{min-height:auto; height:40px; padding:0 10px; border-color:#ddd; margin:3px 0;}
.bookpoll_wrap .bookpoll_enter .input_form:focus	{border-color:#22293d;}
.bookpoll_wrap .form_privacy_wrap	{margin-bottom:0;}
.bookpoll_wrap .bbs_btn01		{font-family: 'S-CoreDream-5Medium'; font-size:1.2em; height:56px; line-height:54px; min-width:200px; margin-top:40px; background:#017cc9; border-color:#017cc9;}
.bookpoll_wrap .bbs_btn01:hover	{background:#000; border-color:#000;}
.bookpoll_wrap .bbs_btn02		{font-family: 'S-CoreDream-5Medium'; font-size:1.2em; height:56px; line-height:54px; min-width:200px; margin-top:40px; background:#fff; border:1px solid #ccc; }
.bookpoll_wrap .bbs_btn02:hover	{background:#000; border-color:#000;}
.bookpoll_wrap .ab_h		{opacity:.6 !important; }
.bookpoll_content				{display:none;}

.bookpoll_list li				{margin-top:10px !important; margin-bottom:40px;}
.bookpoll_list dl				{margin-top:10px !important;}

@media screen and (max-width:1400px) {
	.bookpoll_wrap					{margin:20px;}
}

@media screen and (max-width:1024px) {
	.bookpoll_wrap					{margin:0 20px;}
	.bookpoll_wrap .top_info		{padding:50px 20px 20px 20px;}
	.bookpoll_wrap .top_info dt		{font-size:1.7em; margin-bottom:10px;}
	.bookpoll_wrap .top_info dd		{font-size:0.95em;}
	.bookpoll_wrap .top_info ul		{padding:15px 0; font-size:1.05em;}
	.bookpoll_wrap .top_info ul li	{margin:5px 0;}
	.bookpoll_wrap .top_info ul li strong	{width:90px; font-size:14px; line-height:30px; margin-right:15px;}

	.bookpoll_wrap .bookpoll_box, .bookpoll_wrap .bookpoll_enter		{padding:20px;}
	.bookpoll_wrap .bookpoll_enter dl	{grid-template-columns:85px auto;}
	.bookpoll_wrap .bookpoll_enter dl dt 			{line-height:1.2; font-size:0.9em; padding:7px 0 0 0;}
	.bookpoll_wrap .bookpoll_enter .input_form		{height:36px;}
	.bookpoll_wrap .bookpoll_enter dl dd span		{display:block; padding:5px 0 0 0; line-height:1.4;}
	.bookpoll_wrap .bookpoll_box dl input[type="checkbox"], input[type="radio"]	{width:16px; height:16px;}
	.bookpoll_wrap .bbs_btn01		{margin-top:20px; font-size:1.1em; height:52px; line-height:50px;}
	.bookpoll_list li				{margin:0 !important;}
}

@media screen and (max-width:768px) {
	.bookpoll_wrap .top_info ul li strong	{display:block; margin:0 0 5px 0;}
}




/* �꾩＜�ы빐�섏콉 由ъ뒪��	 ======================================*/
.bookyear_list				{position:relative; display:flex; justify-content:space-around; gap:0 30px;}
.bookyear_list:after		{content:''; display:block; clear:both;}
.bookyear_list li			{position:relative; width:100%; text-align:center; margin-top:30px;}
.bookyear_list span			{font-family: 'S-CoreDream-5Medium'; display:flex; align-items:center; justify-content:center; position:absolute; top:-10px; left:20px; width:66px; height:65px; padding:5px 10px 0 10px; line-height:1.2; text-align:center; background:#53b0de; color:#fff; z-index:1; font-size:0.95em;}
.bookyear_list span:after		{position:absolute; top:35px; content: ''; display: block; border:33px solid #53b0de; z-index:-1; border-bottom:15px solid transparent;}
.bookyear_list span:before		{position:absolute; top:0; right:-10px; content: ''; display: block; border-bottom:10px solid #3e81a3; border-right:10px solid transparent;}
.bookyear_list figure			{width:220px; height:320px; margin:0 auto; position:relative; border:1px solid rgba(0,0,0,0.1); box-shadow: 0 5px 8px 0px rgba(0,0,0,0.2);}
.bookyear_list figure:before	{content:''; position:absolute; left:0; width:3px; height:100%; background:rgba(0,0,0,0.1);}
.bookyear_list figure:after		{content:''; position:absolute; left:8px; width:1px; height:100%; background:rgba(0,0,0,0.1);}
.bookyear_list figure img		{width:100%; height:100%; object-fit:cover; transition: all 0.5s ease;}
.bookyear_list li:hover figure img		{transform: scale(1.03);}
.bookyear_list dl				{margin-top:20px;}
.bookyear_list dl dt			{font-size:1.2em; letter-spacing:-1px; color:#333; font-weight:500; margin-bottom:8px;}
.bookyear_list dl dd			{color:#999; font-size:0.95em; line-height:1.4;}	


#ycategory_sub_add_box		{position:absolute;z-index:20;background-color:#ffffff;}

#ybook_layer					{border-radius:10px;}
#ybook_layer #ybook_wrap		{background:#fff; padding:30px;}
#ybook_wrap .ybook_area			{overflow:hidden;}
#ybook_wrap .ybook_left			{float:left; width:25%;}
#ybook_wrap .ybook_right		{float:right; width:71%;}
#ybook_wrap .y_img				{position:relative; border:1px solid rgba(0,0,0,0.1); box-shadow: 0 5px 8px 0px rgba(0,0,0,0.2);}
#ybook_wrap .y_img:before		{content:''; position:absolute; left:0; width:3px; height:100%; background:rgba(0,0,0,0.1);}
#ybook_wrap .y_img:after		{content:''; position:absolute; left:8px; width:1px; height:100%; background:rgba(0,0,0,0.1);}
#ybook_wrap .y_title			{font-size:1.45em; margin:20px 0; font-weight:700; color:#000;}
#ybook_wrap .y_info				{background:#F6F6F6; padding:12px 15px; margin-bottom:20px; color:#222; border-radius:3px;}
#ybook_wrap .y_info span		{position:relative; display:inline-block; padding-right:20px;}
#ybook_wrap .y_info span:after	{content:''; position:absolute; top:2px; right:8px; bottom:0; width:1px; height:0.9em; margin:auto; background:#d1d1d2;}
#ybook_wrap .y_info span:last-child			{padding:0;}
#ybook_wrap .y_info span:last-child:after	{display:none;}
#ybook_wrap .y_content			{text-align:justify; line-height:1.6;}
#ybook_wrap .ybook_close		{position:absolute; top:10px; right:10px; width:50px; height:50px; background:url("../image/btn_close.png") no-repeat 50% 50%; background-size:25px auto; cursor:pointer;}

.bookyear_list2					{grid-template-columns:repeat(4, 1fr); margin-bottom:20px; gap:0 10px;}
.bookyear_list2 figure			{width:180px; height:260px;}
.bookyear_list2 dl				{background:#f7f7f7; padding:12px 0; border-radius:5px;}
.bookyear_list2 dl dt			{font-size:1.05em; margin-bottom:5px;}


@media screen and (max-width:1024px) {
	.bookyear_list li				{margin-top:20px;}
	.bookyear_list span				{width:60px; height:60px; padding:5px 0 0 0;}
	.bookyear_list span:after		{border-width:30px; border-bottom:15px solid transparent; top:30px;}
	.bookyear_list figure			{width:160px; height:240px;}
	.bookyear_list dl				{margin-top:15px;}
	.bookyear_list dl dt			{font-size:1.1em; margin-bottom:5px;}
	.bookyear_list dl dd			{font-size:0.85em;}

	#ybook_wrap .y_title			{font-size:1.25em; margin:0 0 12px 0;}
	#ybook_wrap .y_info				{padding:10px 15px; font-size:0.95em; margin-bottom:15px;}
	#ybook_wrap .y_content			{font-size:0.95em;}
}

@media screen and (max-width:768px) {
	.bookyear_list					{display:grid; grid-template-columns:1fr; gap:20px 0;}

	#ybook_wrap .ybook_left			{float:none; margin:0 auto;}
	#ybook_wrap .ybook_right		{float:none; width:100%;}
	#ybook_wrap .y_title			{text-align:center; margin:12px 0;}
	#ybook_wrap .y_info				{text-align:center;}
}