/* 관리자모드 *****/
#newsletter_add_box			{display:none;border:1px solid #cccccc;padding:10px;background-color:#f8f8f8;margin:20px 0px 30px 0px;}
#newsletter_add_btn			{display:inline-block;zoom:1;*display:inline;line-height:20px;padding:0 10px;color:#fff;background:#37b9b7; font-size:12px;border:1px solid #14a0b9;cursor:pointer;border-radius:2px;box-shadow:0 1px 0 #d9d9d9;}
#newsletter_content_box		{border:1px solid #cccccc;padding:10px;background-color:#f8f8f8;margin:20px 0px 30px 0px;}

.newsletter_add_title		{background:#37b9b7;border:1px solid #14a0b9;padding:10px;text-align:center;font-size:1.5em;font-weight:bold;color:#fff;margin-bottom:10px;}
.newsletter_content_title	{background:#37b9b7;border:1px solid #14a0b9;padding:10px;text-align:center;font-size:1.5em;font-weight:bold;color:#fff;margin-bottom:10px;}
.newsletter_content_gubun	{width:40px;height:18px;padding:2px 10px;color:#fff;text-align:center;border-radius:2px;}
.newsletter_content_help	{color:#fe6600;font-size:11px;}
.newsletter_content_info dt {float:left;background:url('../img/icon_list.gif') no-repeat 4px 7px;padding:0 0 0 14px;font-weight:bold;}
.newsletter_content_info dd {margin-left:50px;}


/* List & View  ================================================================================== */
.newsletter_list	{position:relative; display:grid; grid-template-columns:repeat(3, 1fr); gap:20px;}
.newsletter_list li	{border-radius:20px; overflow:hidden;}
.newsletter_list li a	{display:block; padding:40px 35px; color:#fff; background:url('../img/acc.png') no-repeat right center #2a61ea; background-size:cover;}
.newsletter_list li em	{font-family: 'GmarketSansMedium'; font-size:23px; margin-bottom:5px; display:block; line-height:1;}
.newsletter_list li p:nth-child(2)	{font-family: 'GmarketSansMedium'; letter-spacing:1px; margin:15px 0 2px 0; opacity:.8; line-height:1.2; font-size:0.85em;}
.newsletter_list li:hover	{box-shadow:0 0 20px 1px rgba(0,0,0,0.15); transform: translateY(-8px); transition:.4s;}

.view_tit			{display:none; font-size:1.5em; letter-spacing:-2px; font-weight:700; color:#222; text-align:center;}
.view_tit:after		{content:''; display:block; width:50px; height:1px; background:var(--color1); margin:30px auto 0 auto;}
.view_content		{padding:20px 20px 60px 20px; word-break:break-all; border-bottom:1px solid #ddd;} 


/* Template01  */
.newsletter_template			{max-width:900px; text-align:left; border:1px solid #ddd;}
.newsletter_template .head		{background:url('../img/top.jpg') no-repeat right center #105de1; height:430px; padding:40px 50px;}
.newsletter_template .head .logo img	{height:36px;}
.newsletter_template .head .tit		{color:#fff; margin-top:70px;}
.newsletter_template .head .tit>div	{font-family: 'S-CoreDream-3Light'; font-size:1.8em; letter-spacing:-2.75px; line-height:1.3;}
.newsletter_template .head .tit>div span	{font-family: 'S-CoreDream-6Bold'; font-size:48px; letter-spacing:0;}
.newsletter_template .head .tit>div em	{display:inline-block; background:#fff; font-size:18px; color:var(--color1); letter-spacing:-1px; font-weight:500; line-height:38px; padding:0 18px; border-radius:20px 20px 20px 0; vertical-align:text-top; margin-left:7px;}
.newsletter_template .head .tit>p	{font-family: 'S-CoreDream-4Regular'; font-size:1.05em; opacity:0.8; margin-top:20px;}
.newsletter_template .content		{padding:40px; display:grid; gap:35px; grid-template-columns:1fr;}
.newsletter_template .part			{position:relative; margin-bottom:-10px;}
.newsletter_template .part:after	{position:absolute; content:''; display:block; right:0; bottom:0; width:90%; height:1px; background:var(--color1);}
.newsletter_template .part p	{font-family: 'S-CoreDream-5Medium'; font-size:1.05em; display:inline-block; background:var(--color1); color:#fff; border-radius:20px 20px 0 20px; width:200px; line-height:42px; text-align:center;}
.newsletter_template .part2 p, .newsletter_template .part2:after	{background:var(--color2);}
.newsletter_template .part3 p, .newsletter_template .part3:after	{background:#5ab572;}
.newsletter_template .part4 p, .newsletter_template .part4:after	{background:#f37022;}
.newsletter_template .part5 p, .newsletter_template .part5:after	{background:#f8b106;}

.newsletter_template article a	{display:grid; grid-template-columns:300px auto; gap:0 40px;}
.newsletter_template article div	{min-width:0; position:relative;}
.newsletter_template article figure	{aspect-ratio:6/4; border-radius:20px; overflow:hidden; box-shadow:0 0 15px 1px rgba(0,0,0,.1);}
.newsletter_template article figure img	{width:100%; height:100%; object-fit:cover;}
.newsletter_template article .tit	{font-family: 'S-CoreDream-5Medium'; color:#111; font-size:1.05em; letter-spacing:-1px; margin:10px 0; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; white-space:nowrap;}
.newsletter_template article .cont	{font-size:0.95em; color:#797979; line-height:1.45; height:100px; overflow:hidden; text-overflow:ellipsis;-o-text-overflow:ellipsis; display:-webkit-box;-webkit-line-clamp: 4;-webkit-box-orient:vertical; word-wrap:break-word; text-align:justify;}
.newsletter_template article .more	{font-family: 'S-CoreDream-4Regular'; font-size:0.75em; position:absolute; right:0; bottom:0; color:#777; padding:2px 15px; border-radius:50px; border:1px solid #ddd;}
.newsletter_template article .more:after	{content:''; display:inline-block; border:solid #b0b0b0; border-width:2px 0 0 2px; padding:2px; transform:rotate(135deg); margin:0 0 2px 5px;}
.newsletter_template article a:hover .tit	{text-decoration:underline;}
.newsletter_template article a:hover .more	{border-color:#333; background:#111; color:#fff;}
.newsletter_template article a:hover .more:after	{border-color:#fff;}
.newsletter_template .footer		{background:#eee; padding:40px 0; font-size:0.9em; color:#777; text-align:center; margin-top:40px;}
.newsletter_template .footer strong	{font-family: 'S-CoreDream-4Regular'; display:block; color:#111; margin-bottom:7px; font-size:18px;}



@media screen and (max-width:1024px) {
	.newsletter_list				{grid-template-columns:repeat(3, 1fr); gap:10px;}
	.newsletter_list li a			{padding:25px 20px 20px 25px;}
	.newsletter_list li em			{font-size:18px;}
	.newsletter_list li p			{font-size:0.85em;}
	.newsletter_list li p:nth-child(2)	{margin:10px 0 0 0;}
	.view_content					{padding:20px 0 40px 0;}
	
	.newsletter_template			{max-width:100%;}
	.newsletter_template .head		{padding:30px 25px; background-size:contain; height:100%;}
	.newsletter_template .head .logo img	{height:26px;}
	.newsletter_template .head .tit		{margin-top:40px;}
	.newsletter_template .head .tit>div	{font-size:1.2em; line-height:1.4; letter-spacing:-2px;}
	.newsletter_template .head .tit>div span	{font-size:30px;}
	.newsletter_template .head .tit>div em		{font-size:17px; line-height:28px; padding:0 12px; vertical-align:super;}
	.newsletter_template .head .tit>p	{font-size:0.95em; margin-top:10px;}
	.newsletter_template .content	{padding:20px; gap:20px;}
	.newsletter_template .part		{margin-bottom:-5px;}
	.newsletter_template .part p	{width:160px; font-size:1em; line-height:38px;}
	.newsletter_template article a	{gap:0 25px;}
	.newsletter_template article .tit	{margin-bottom:5px;}
	.newsletter_template article .cont	{height:90px;}
	.newsletter_template article .more	{padding:2px 10px;}
	.newsletter_template .footer		{padding:25px 10px; margin-top:20px; line-height:1.4;}
	.newsletter_template .footer strong	{font-size:16px; margin-bottom:5px;}
}

@media screen and (max-width:768px) { 
	.newsletter_list				{grid-template-columns:1fr;}

	.newsletter_template .head		{background-size:cover; background-position:center 0;}
	.newsletter_template .head .tit>div em	{display:block; width:120px; text-align:center; margin:7px 0 0 0; padding:0;}
	.newsletter_template .head .tit>p		{display:none;}
	.newsletter_template article a	{grid-template-columns:1fr;}
	.newsletter_template article figure	{aspect-ratio:6/3.5;}
	.newsletter_template article .cont	{-webkit-line-clamp:3; height:68px;}
	.newsletter_template article .more	{display:inline-block; position:relative; float:right; margin-top:7px;}
}