/* 관리자모드 *****/

#sys_admin_webzine_category_subbox	{display:none; position:absolute; z-index:2; background-color:#fff;}


/* 웹진 리스트  ======================================*/
.webzine_list					{display:grid; grid-template-columns:repeat(3, 1fr); gap:60px 40px;}
.webzine_list li				{flex:1; min-width:0;}
.webzine_list figure			{border-radius:20px; width:100%; aspect-ratio:6 / 4; overflow:hidden; box-shadow:0 0 20px 1px rgba(0,0,0,0.1); margin-bottom:25px;}
.webzine_list figure img		{width:100%; height:100%; object-fit:Cover; transition:all .5s ease;}
.webzine_list li:hover figure img	{transform: scale(1.1);}
.webzine_list .cate				{display:inline-block; color:#252729; letter-spacing:-1px; padding:0 5px; box-shadow: inset 0 -10px 0 #f9d2e0; font-weight:500;}
.webzine_list .tit				{margin:15px 0 30px 0; font-size:1.4em; color:#333; font-weight:700; letter-spacing:-1.5px; line-height:1.4;}
.webzine_list .date				{font-weight:400; margin-bottom:10px; color:#a6a6a6;} 
.webzine_list .tags				{display:none; flex-wrap:wrap; gap:3px 15px;}
.webzine_list .tags a			{color:#e84a84; letter-spacing:-1px;}
.webzine_list .tags a:hover		{text-decoration:underline;}
.webzine_list .stit, .webzine_list .con	{display:none;} 

.webzine_list .nolist			{grid-column: 1 / span 3; padding:100px 0; text-align:center; color:#999; font-size:0.95em; border-bottom:1px solid #ddd;}


@media screen and (max-width:1200px) {
	.webzine_list				{gap:40px 20px;}
}
@media screen and (max-width:1024px) {
	.webzine_list				{grid-template-columns:repeat(2, 1fr);}
	.webzine_list figure		{margin-bottom:15px;}
	.webzine_list .cate			{font-size:0.95em;}
	.webzine_list .tit			{font-size:1.1em; margin:7px 0 15px 0;}
	.webzine_list .date			{font-size:0.9em; margin-bottom:5px;}
	.webzine_list .tags			{font-size:0.95em; gap:0 10px;}
	.webzine_list .nolist		{grid-column: 1 / span 2;}
}

@media screen and (max-width:768px) {
	.webzine_list				{grid-template-columns:1fr; gap:20px;}
	.webzine_list .nolist		{grid-column:unset;}
}

/* 웹진 뷰  ======================================*/
.webzine_view_container		{position:relative; margin:0 auto -120px auto;}

.webzine_view_top			{position:relative; padding-bottom:60px; border-bottom:1px solid rgba(0,0,0,0.1); text-align:center; margin-bottom:60px;}
.webzine_view_top .cate			{margin-bottom:40px;}
.webzine_view_top .cate span	{font-size:1.2em; color:#252729; letter-spacing:-1px; padding:0 5px; box-shadow:inset 0 -10px 0 #f9d2e0; font-weight:500;}
.webzine_view_top .cate em		{font-size:20px; color:#a6a6a6; font-style:normal; font-weight:400; margin-left:15px;}
.webzine_view_top .tit		{font-size:2.2em; font-weight:700; letter-spacing:-2.5px; color:#333; line-height:1.4;}
.webzine_view_top .stit		{font-size:1.2em; letter-spacing:-1px; color:var(--main); line-height:1.4; font-weight:500; margin-bottom:10px;}

.share_btn					{position:absolute; right:0; top:0; display:flex; gap:4px; text-align:center;}
.share_btn li				{width:42px; height:42px; line-height:36px; cursor:pointer; background:#999; color:#fff; border-radius:100%;}
.share_btn li img			{width:40px;}
.share_btn li:hover			{background:#111;}

.webzine_view_content			{border-bottom:1px solid #ddd; padding-bottom:60px;}
.webzine_view_content .lead		{background:#f2f3f5; font-size:1.05em; text-align:justify; padding:40px 50px; line-height:1.65; color:#222; margin:-60px 0 60px 0;}
.webzine_view_content .txt		{padding-bottom:40px; text-align:justify; line-height:1.7;}
.webzine_view_content .ytube	{margin-bottom:40px;}
.webzine_view_content .ytube iframe	{width:100%; aspect-ratio:6 / 3;}

.webzine_view_content .tags		{display:flex; flex-wrap:wrap; gap:3px 20px; align-items:center;}
.webzine_view_content .tags>li	{position:relative; font-size:36px; color:#000; font-weight:700;}
.webzine_view_content .tags>li:before	{content:''; position:absolute; top:-5px; left:-15px; width:32px; height:32px; background:#f9d2e0; border-radius:50%; z-index:-1;}
.webzine_view_content .tags a		{color:#e84a84; letter-spacing:-1px;}
.webzine_view_content .tags a:hover	{text-decoration:underline;}

.webzine_view_mostlist			{position:Relative; padding:100px 0; background:#f8f9fb; margin-top:60px; }
.webzine_view_mostlist .tit		{font-size:1.8em; letter-spacing:-2px; color:#333; font-weight:700; margin-bottom:40px; text-align:center;}
.webzine_view_mostlist:before	{position:absolute; left:-50%; top:0; content:''; display:block; width:50%; height:100%; background:#f8f9fb;}
.webzine_view_mostlist:after	{position:absolute; right:-50%; top:0; content:''; display:block; width:50%; height:100%; background:#f8f9fb;}
.webzine_view_mostlist .items	{position:relative; overflow:hidden; }
.webzine_view_mostlist .items li	{float:left; margin:0 10px; width:calc(24% - 10px);}
.webzine_view_mostlist figure	{aspect-ratio:6 / 4; overflow:hidden; border:1px solid rgba(0,0,0,0.1); }
.webzine_view_mostlist figure img	{width:100%; height:100%; object-fit:cover; transition:all .5s ease;}
.webzine_view_mostlist .items p		{margin-top:15px; font-size:1.05em; color:#333; font-weight:500; line-height:140%; overflow:hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word;}
.webzine_view_mostlist .items li:hover figure img	{transform: scale(1.1);}
.webzine_view_mostlist .arrow				{position:absolute; top:45%; width:100%; z-index:1;}
.webzine_view_mostlist .arrow p				{position:absolute; width:65px; height:65px; line-height:67px; cursor:pointer; text-align:center; transition: .5s; border-radius:100%; } 
.webzine_view_mostlist .arrow p:after		{content:''; display:inline-block; border:solid #777; padding:7px; border-width:3px 3px 0 0; transform:rotate(45deg);}
.webzine_view_mostlist .arrow .prev			{left:-60px; text-indent:5px;}
.webzine_view_mostlist .arrow .prev:after	{transform:rotate(225deg);}
.webzine_view_mostlist .arrow .next			{right:-60px;}
.webzine_view_mostlist .arrow .next:after	{margin-right:5px;}
.webzine_view_mostlist .arrow p:hover		{background:#fff; box-shadow:0 0 15px 1px rgba(0,0,0,0.07);}

@media screen and (max-width:1400px) {
	.webzine_view_mostlist .arrow p		{background:#fff; box-shadow:0 0 15px 1px rgba(0,0,0,0.07);}
	.webzine_view_mostlist .arrow .prev	{left:-35px;}
	.webzine_view_mostlist .arrow .next	{right:-25px;}
	.webzine_view_mostlist				{padding:80px 0;}
}

@media screen and (max-width:1024px) {
	.webzine_view_container		{margin-bottom:-40px;}
	.webzine_view_top			{padding-bottom:20px; margin-bottom:25px;}
	.webzine_view_top .cate		{margin-bottom:20px;}
	.webzine_view_top .cate span	{font-size:1.1em;}
	.webzine_view_top .cate em		{font-size:16px; margin-left:10px;}
	.webzine_view_top .tit		{font-size:1.4em; line-height:1.2;}
	.webzine_view_top .stit		{font-size:1em; margin-bottom:7px;}
	.share_btn					{position:relative; justify-content:center; margin-top:15px; gap:3px;}
	.share_btn li				{width:32px; height:32px; line-height:26px;}
	.share_btn li img			{width:30px;}

	.webzine_view_content		{padding-bottom:40px;}
	.webzine_view_content .lead		{font-size:1em; padding:25px; margin:-25px 0 40px 0;}
	.webzine_view_content .ytube	{margin-bottom:20px;}
	.webzine_view_content .txt		{padding-bottom:20px;}
	.webzine_view_content .txt img	{width:100%;}
	.webzine_view_content .tags>li	{font-size:30px;}

	.webzine_view_mostlist		{padding:40px 0; margin-top:40px;}
	.webzine_view_mostlist .tit	{font-size:1.2em; margin-bottom:20px;}
	.webzine_view_mostlist .items p	{margin-top:10px; font-size:1em;}	
	.webzine_view_mostlist .items li	{margin:0 5px;}
	.webzine_view_mostlist .arrow	{top:45%;}
	.webzine_view_mostlist .arrow p	{width:48px; height:48px; line-height:42px;}
	.webzine_view_mostlist .arrow p:after	{padding:3px; border-width:2px 2px 0 0;}
	.webzine_view_mostlist .arrow .prev	{left:-15px;}
	.webzine_view_mostlist .arrow .next	{right:-15px;}
}


/* 호별보기 전체리스트  ======================================*/		
.webzine_list_top			{position:relative; padding:60px 0; background:#f8f9fb; margin:-80px 0 40px 0;}
.webzine_list_top:before	{position:absolute; left:-50%; top:0; content:''; display:block; width:50%; height:100%; background:#f8f9fb; z-index:-1;}
.webzine_list_top:after		{position:absolute; right:-50%; top:0; content:''; display:block; width:50%; height:100%; background:#f8f9fb; z-index:-1;}
.webzine_list_top .items:after		{content:''; display:block; clear:both;}
.webzine_list_top .items li			{float:left; margin:0 15px; text-align:center;}
.webzine_list_top .items li:hover figure img {transform:scale(1.1);}
.webzine_list_top figure		{width:95%; height:95%; overflow:hidden; aspect-ratio:4 / 5; box-shadow:5px 5px 0 0 rgba(0,0,0,0.1); margin:0 auto;}
.webzine_list_top figure img	{width:100%; height:100%; object-fit:cover; transition:all .5s ease;}
.webzine_list_top .vol			{margin:20px 0 12px 0; color:#777; font-size:1.1em; letter-spacing:-1px;}
.webzine_list_top .btn a		{display:inline-block; background:rgba(0,0,0,0.1); padding:3px 12px; border-radius:3px; color:#666; font-size:0.8em;}
.webzine_list_top .btn a:hover	{background:var(--main); color:#fff;}
.webzine_list_top .items .on figure	{border:3px solid var(--main);}
.webzine_list_top .items .on .vol	{font-weight:700; color:#333;}
.webzine_list_top .arrow p			{position:absolute; top:38%; transform:translateX(-50%); display:inline-block; border: solid #aaa; border-width:0 2px 2px 0; padding:15px; cursor:pointer;}
.webzine_list_top .arrow p:hover	{border-color:#000;}
.webzine_list_top .arrow .prev		{left:-40px;  transform:rotate(135deg);}
.webzine_list_top .arrow .next		{right:-40px; transform:rotate(-45deg);}


@media screen and (max-width:1400px) {
	.webzine_list_top		{padding:60px 20px;}
	.webzine_list_top .arrow .prev	{left:0;}
	.webzine_list_top .arrow .next	{right:0;}
}

@media screen and (max-width:1024px) {
	.webzine_list_top			{padding:30px 20px; margin:-20px 0 20px 0;}
	.webzine_list_top .items li	{margin:0 10px;}
	.webzine_list_top figure	{width:100%; height:100%;}
	.webzine_list_top .vol		{font-size:1em; margin:10px 0 7px 0;}
	.webzine_list_top .btn a	{padding:2px 8px;}
	.webzine_list_top .arrow p	{padding:10px;}
}

/* 구독 관련	 ======================================*/
.webzine_subscribe_wrap					{max-width:1000px; margin:0 auto;}
.tit_box								{background:#f2f3f5; border-radius:20px; text-align:center; padding:40px; margin-bottom:40px;}

.webzine_subscribe_wrap .txt			{font-size:1.1em; letter-spacing:-1.5px; line-height:1.6; margin-bottom:15px; color:#222;}
.webzine_subscribe_wrap .txt i			{color:var(--main); margin-right:5px;}
.webzine_subscribe_wrap h5				{font-size:1.3em; margin-bottom:10px; color:#333; margin-bottom:15px; letter-spacing:-1.5px;}
.webzine_subscribe_wrap h5 span			{font-size:16px; margin-left:10px; color:var(--main);}
.webzine_subscribe_wrap .input_form		{padding:0 10px; line-height:42px; border-color:#f3f3f3; background:#f3f3f3;}
.webzine_subscribe_wrap .textarea_form	{border-color:#f3f3f3; background:#f3f3f3; min-height:90px;}
.webzine_subscribe_wrap .textarea_form:focus, .webzine_subscribe_wrap .input_form:focus	{border-color:#22293d; background:#fff;}
.webzine_subscribe_wrap .form_table tbody th	{font-weight:500; background:#fff; border-right:1px solid #fff;}
.webzine_subscribe_wrap .form_table tbody td	{padding:7px;}
.webzine_subscribe_wrap .form_table tbody td .noti	{margin-top:5px; color:var(--main); font-size:0.9em;}
.webzine_subscribe_wrap .form_table tbody td .noti	i	{margin-right:5px;}
.webzine_subscribe_wrap .agree			{border:1px solid #ddd; padding:15px;}
.webzine_subscribe_wrap .agree .box		{padding:10px; font-size:0.9em; height:170px; background-color:#fff; overflow: hidden; line-height:1.4;}
.webzine_subscribe_wrap .agree .check	{background:#f5f5f5; text-align:center; padding:12px; margin-top:10px; font-size: 0.95em;}
.webzine_subscribe_wrap .join_btn02		{height:38px; line-height:34px; vertical-align:middle;}
.webzine_subscribe_wrap .join_btn02:hover	{background:#000;}


@media screen and (max-width:1024px) {
	.webzine_subscribe_wrap .txt	{font-size:1.05em; margin-bottom:10px;}
	.tit_box						{padding:20px; margin-bottom:20px;}
	.webzine_subscribe_wrap h5		{font-size:1.1em; margin-bottom:10px;}
	.webzine_subscribe_wrap h5 span	{font-size:15px;}
	.webzine_subscribe_wrap .form_table	colgroup col:first-child	{width:100px !Important;}
	.webzine_subscribe_wrap .form_table tbody td	{padding:5px;}
	.webzine_subscribe_wrap .input_form		{line-height:34px;}
	.webzine_subscribe_wrap .join_btn02		{height:32px; line-height:30px;}
	.webzine_subscribe_wrap .agree	{padding:12px;}
	.webzine_subscribe_wrap .agree .box		{padding:0;}
	.webzine_subscribe_wrap .agree .check	{padding:10px;}
	.webzine_subscribe_wrap .h40p	{height:20px !Important;}
}


/* 의회는지금 리스트	 ======================================*/
.webzine_council_selectbox						{text-align:right; margin-bottom:20px;}
.webzine_council_selectbox select				{width:150px; height:50px; padding-left:20px; border-color:#ddd;}
.webzine_council_selectbox select:last-child	{width:100px;}

.webzine_council_list					{display:grid; gap:30px;}
.webzine_council_list .item				{position:Relative; display:grid; grid-template-columns:17% auto; gap:50px; background:#f9f9f9; border-radius:20px; padding:40px 60px; box-shadow:5px 5px 0 0 rgba(0,0,0,0.1);}
.webzine_council_list figure			{overflow:hidden; aspect-ratio:1 / 1; border-radius:100%; box-shadow:0 0 20px 1px rgba(0,0,0,0.05);}
.webzine_council_list figure img		{width:100%;}
.webzine_council_list .lt p				{font-size:1.1em; text-align:center; margin-top:15px; font-weight:500; color:#000; line-height:1.2;}
.webzine_council_list .lt p>span		{margin-left:10px; font-size:16px; opacity:.7; }
.webzine_council_list .subject			{color:#333; margin:20px 0 15px 0; font-weight:700; font-size:1.2em; letter-spacing:-1px;}
.webzine_council_list .txt				{color:#666; text-align:justify;}
.webzine_council_list .info				{position:absolute; right:40px; bottom:30px; font-size:0.95em;}
.webzine_council_list .info i			{opacity:0.5; margin-right:7px;}
.webzine_council_list .info>span		{margin-left:7px; opacity:.7;}

.webzine_council_list .nolist3			{padding:100px 0;}


@media screen and (max-width:1400px) {
	.webzine_council_list .info		{position:relative; right:0; bottom:0; text-align:right; margin-top:20px;}
}

@media screen and (max-width:1024px) {
	.webzine_council_selectbox		{margin-bottom:10px;}
	.webzine_council_selectbox select	{height:42px; padding-left:10px; width:100px;}
	.webzine_council_selectbox select:last-child	{width:80px;}

	.webzine_council_list			{gap:10px;}
	.webzine_council_list .item		{padding:20px; gap:3%;}
	.webzine_council_list .lt p		{font-size:1em; margin-top:10px;}
	.webzine_council_list .lt p>span	{font-size:14px; margin-left:7px;}
	.webzine_council_list .subject	{margin:10px 0; font-size:1.1em;}
	.webzine_council_list .txt		{font-size:0.95em; line-height:1.45;}
	.webzine_council_list .info		{margin-top:10px; line-height:1.3;}
}
@media screen and (max-width:768px) {
	.webzine_council_list .item		{grid-template-columns:1fr; gap:0;}
	.webzine_council_list figure	{width:120px; margin:0 auto;}
	.webzine_council_list .subject	{text-align:center;}
}


/* 의회는지금 뷰	 ======================================*/
.webzine_council_viewbox						{width:100%;height:100%;border-top:1px solid #ddd;}
.webzine_council_viewbox .lists					{overflow:hidden;padding:20px 0px;border-bottom:1px solid #ddd;}
.webzine_council_viewbox .leftbox				{float:left;width:200px;}
.webzine_council_viewbox .leftbox .img			{text-align:center; border:1px solid #eaeaea;}
.webzine_council_viewbox .leftbox .img img		{max-width:100%;}
.webzine_council_viewbox .leftbox .name			{margin:8px 0 0 0; color:#414141; font-size:1.2em; font-weight:700; }
.webzine_council_viewbox .leftbox .area			{color:#797979; font-size:13px; margin-left:5px;}

.webzine_council_viewbox .rightbox				{float:right;width:calc(100% - 230px);}
.webzine_council_viewbox .rightbox .subject		{margin:0 0 10px 0; color:#414141; line-height:150%;font-size:1.3em; font-weight:700; letter-spacing:-1.5px;}
.webzine_council_viewbox .rightbox .txt			{line-height:1.6; color:#797979; font-size:1em;margin:20px 0 30px 0; min-height:140px;}
.webzine_council_viewbox .rightbox .info		{line-height:1.6; font-weight:700; color:#797979; font-size:0.85em;margin:0 0 10px 0;}
.webzine_council_viewbox .rightbox .date		{font-style:normal;font-size:13px; color:#a6a6a6; margin-lefT:5px;}
.webzine_council_viewbox .webzine_nolist2		{border-bottom:1px solid #ddd;padding:80px 0; text-align:center; color:#999; font-size:0.95em;}


@media screen and (max-width:1024px) {
	.webzine_council_viewbox .rightbox .txt		{min-height:100%;}
}


@media screen and (max-width:580px) {
	.webzine_council_viewbox .leftbox			{float:none; width:100%; height:100%;margin:0 0 20px 0;}
	.webzine_council_viewbox .rightbox			{float:none; width:100%; height:100%;}
}




/*  기사 제목 스타일   ==================================================================================== */ 
.atc_txt01				{font-size:1.15em; font-weight:bold; padding-bottom:10px; color:var(--main); }
.atc_txt02				{font-size:1.1em; font-weight:bold; padding-bottom:10px; color:var(--sub); }
.atc_txt03				{font-size:1.05em; font-weight:bold; padding-bottom:10px; color:var(--sub2); }
.atc_txt04				{display:inline-block; line-height:32px; padding:0 10px; font-weight:bold; color:#fff; background:var(--main); border-radius:6px 0; margin-bottom:6px; }


.atc_list01					{position:relative; list-style:none; padding-left: 22px; }
.atc_list01:after			{position:absolute; content:''; display:block; left:0; top:2px; width:16px; height:16px;  border-radius:100%;background:url('../image/sub_icon01.png') no-repeat 0 0;background-size:100% auto; }
.atc_list02					{position:relative; list-style:none; padding-left: 12px;}
.atc_list02:after			{position:absolute; content:''; display:block; left:2px; top:11px; width:3px; height:3px; background:#444; border-radius:100%;}



.atc_imgbox01						{ display:flex;justify-content: space-between;gap:30px; }
.atc_imgbox01 figure			 {  width:45%; }
.atc_imgbox01 figure img	 { max-width:100%; }
.atc_imgbox01 .txt_box		 { flex:2;  }

.atc_imgbox01.reverse			{flex-direction:row-reverse; }

@media screen and (max-width:1200px) {
	.atc_imgbox01						{ flex-direction:column; gap:20px; }
	.atc_imgbox01 figure			 {  width:100%; } 
	.atc_imgbox01.reverse			{flex-direction:column; }
}



.atc_imgbox02						{ display:flex;justify-content: space-between;gap:20px; }
.atc_imgbox02 figure			 {  width:28%; }
.atc_imgbox02 figure img	 { max-width:100%; }
.atc_imgbox02 .txt_box		 { flex:2;   } 
.atc_imgbox02.reverse			{flex-direction:row-reverse; }

@media screen and (max-width:1024px) {
.atc_imgbox02						{ flex-direction:column; gap:20px; }
.atc_imgbox02 figure			 {  width:100%; } 
.atc_imgbox02.reverse			{flex-direction:column; }
.atc_imgbox02 .txt_box		 { padding-bottom:20px; } 
}