/*참사람 소식지 36.5 메인*/

#header2						{float:left; width:100%; position:relative; background:#06598f; z-index:9999999}
#header2 h1						{display:table; width:980px; margin:0 auto; padding:50px 0; text-align:center; position:relative} 
#header2 h1	a					{font:400 36px/46px 'Noto Sans KR'; color:#fff; letter-spacing:-0.08em; }

#header2 .top_sns_box			{position:absolute; left:0; top:50px;}
#header2 .top_sns_box li		{float:left; width:35px; height:35px; overflow:hidden; margin-right:8px; border-radius:50%; background:#000}
#header2 .top_sns_box li.blog		{background:#59b433} 
#header2 .top_sns_box li.youtube	{background:#fb1d1c}
#header2 .top_sns_box li.facebook	{background:#4268af}
#header2 .top_sns_box li img		{position:relative; bottom:9px;}
#header2 .top_sns_box li.youtube img{bottom:13px;}
#header2 .top_search_box		{min-width:171px; top:50px; right:0; border:none}
#header2 .top_info		{display:table; width:980px; height:525px; margin:0 auto; margin-bottom:50px; background:url(img/main/top_1.jpg) no-repeat center; position:relative}
#header2 .top_info a	{display:block; position:absolute; bottom:40px; left:40px}

/*상단수정*/
#header2.top_new    {background: #fff; border-bottom: 5px #1e5784 solid; position: relative;}
#header2.top_new::before{content: ""; border-bottom: 5px #4dbc18 solid; position: absolute; bottom: -5px; left:0; width: 24%;}
#header2.top_new .top_wrap  {display: table; width: 90%; height: 100px; margin: 0 auto;}
#header2.top_new h1 {float: left; width: auto; padding: 0;}
#header2.top_new h1 img{margin-right: 20px;}
#header2.top_new h1,#header2.top_new h1 a{color: #000; font:normal 36px/100px 'GmarketSansMedium'!important; letter-spacing: -0.03em}
#header2.top_new h1 a strong    { font:normal 36px/100px 'GmarketSansBold';}
#header2.top_new .top_option {float: right; position: relative; top: 30px;}
#header2.top_new .top_sns_box   {float: left; position: relative; top: 0;}
#header2.top_new .top_sns_box li    {line-height: 35px; text-align: center;}
#header2.top_new .top_search_box{float: left; position: relative; top: 0; background: #f1f1f1;}
#header2.top_new .top_search_box input.search    {background: none;}
#header2.top_new .top_sns_box li img    {bottom: -3px;}
#header2.top_new .top_sns_box li.youtube img    {bottom: 0;}

.m_banner2 .bx-wrapper		{height:350px!important}
.m_banner2 .bx-wrapper img	{height:350px!important}
.m_banner2 .bx-wrapper .bx-pager	{text-align:left!important; left:30px; bottom:-10px!important}
.m_banner2 .bx-wrapper .bx-pager.bx-default-pager a	{width:10px!important; height:10px!important}


#container			{ float:none; display:table; margin:0 auto; width:980px; background:#fff; padding-bottom:40px}
#container #slider	{float:none; margin:40px auto; margin-bottom:20px; width:980px; height:350px; box-sizing:border-box}
#section			{padding:15px 0}
#section .li_le		{float:left; width:475px; height:450px; box-shadow:1px 1px 4px #ccc; position:relative; overflow:hidden}
#section .li_ri		{float:right; width:475px; height:450px; box-shadow:1px 1px 4px #ccc; position:relative; overflow:hidden}
#top_list dl		{float:left; width:100%; height:450px; overflow:hidden; background: #fff;}
#top_list dt		{float:left; width:100%; height:260px; margin:0 auto; overflow:hidden;}
#top_list dt img	{width:100%; height: auto; min-height:260px}
#top_list dd			{float:left; width:100%;text-overflow:ellipsis; overflow:hidden; margin-top:15px}
#top_list dd .tt		{font:500 26px/1.4 'Noto Sans KR';  letter-spacing:-1px; margin-bottom:7px; overflow:hidden;text-overflow:ellipsis; white-space:nowrap}
#top_list dd .stitle	{font:500 16px/1.4 'Noto Sans KR'; color:#fff; letter-spacing:-0.05em; position:absolute; top:0; left:0; background:#0088D2; text-align:center; padding:7px 15px}
#top_list dd .sbody		{font-size:14px; color:#666; font-weight:300; display:-webkit-box; -webkit-line-clamp:3; /* 라인수 */-webkit-box-orient:vertical; word-wrap:break-word; line-height:1.4em;height: 4.2em; text-overflow:ellipsis; overflow:hidden;}
#top_list dd .sbody br	{display:none}
#top_list dd .name	{color:#0088D2}
#top_list dd .tt,#top_list dd .sbody,#top_list dd .name	{margin:10px auto; width:88%}

#left_menu		{position:absolute; left:50%; top:145px; z-index:100; margin-left:-680px; width:150px; text-align:center;}
#left_menu a	{display:table; margin:0 auto; font:400 16px/22px 'Noto Sans KR'; letter-spacing:-0.05em}
#left_menu ul	{background:#fff; border:1px #dcdcdc solid; box-shadow:2px 2px 4px #ddd;}
.left_menu 		{padding:15px 0}
.left_menu li	{display:table; margin:0 auto; width:80px; padding:15px 0; border-bottom:1px #ddd solid}
.quick_menu		{margin-top:20px; background:#f4f4f4!important}
.quick_menu	.tt	{background:#00ab98; color:#fff; border:none}
.quick_menu	li	{width:100%; padding:15px 0; border-bottom:1px #ddd solid}

#q_bn	{position:fixed; right:50%; top:188px; z-index:100; margin-right:-630px;width: 100px; height: 100px; border-radius: 50%; background: #4dbc18; text-align:center; line-height:125px; overflow:hidden}
#q_bn.q_bn2    {background: #1e5784;}
#q_bn a	{display:block}

#cham_list			{width:980px; margin:0 auto;}
#cham_list dl		{float:left; width:100%; background:#fff; box-shadow:1px 1px 4px #ccc; margin:1%  auto; padding:25px 0}
#cham_list dt		{float:left; width:20%; height:160px; margin:0 auto; overflow:hidden; margin-left:2%}
#cham_list dt img	{width:100%; height: auto; min-height:160px}
#cham_list dd			{float:right; width:74%; margin:0 2%; text-overflow:ellipsis; overflow:hidden;}
#cham_list dd .tt		{font:500 26px/1.4 'Noto Sans KR'; color:#0088D2;  letter-spacing:-1px;margin-bottom:7px; display:-webkit-box; overflow:hidden;}
#cham_list dd .stitle	{font:500 16px/1.4 'Noto Sans KR'; color:#000; letter-spacing:-1px; margin-bottom:7px; }
#cham_list dd .name		{font:400 16px/1.4 'Noto Sans KR'; color:#000; letter-spacing:-1px; margin-bottom:7px; }
#cham_list dd .name,#cham_list dd .name a	{color:#0088D2}
#cham_list dd .sbody	{font-size:14px; color:#666; font-weight:300; display:-webkit-box; -webkit-line-clamp:3; /* 라인수 */-webkit-box-orient:vertical; word-wrap:break-word; line-height:1.4em;height: 4.2em; text-overflow:ellipsis; overflow:hidden;/* line-height 가 1.2em 이고 3라인을 자르기 때문에 height는 1.2em * 3 = 3.6em */}

#card_list dd .tt	{height:auto}
#bbs_skin1_list .name,#bbs_skin1_list .name a	{font:400 16px/1.4 'Noto Sans KR'; color:#000; letter-spacing:-1px; margin-bottom:7px; color:#0088D2}

/*서브*/
#sub_container h3	{padding:35px 0 20px!important}
#wrap_365 #sub_container.bbs_bg	{background:#f4f4f4}
#wrap_365 #sub_container .bbs_wrap	{width:980px}
#wrap_365 #bbs_skin1_view 			{padding-top:20px}
#wrap_365 #bbs_skin1_view .title,#wrap_365 #bbs_skin1_view .contents,#wrap_365 #bbs_skin1_view .body_sns	{width:925px!important}
#wrap_365 #bbs_skin1_view .title	{letter-spacing:-0.03em}
#wrap_365 #bbs_skin1_view .contents img	{max-width:925px}
#card_list	 	{display:table; width:1050px; margin:20px auto; float:none}
#card_list dl	{width:296px}
#card_list dt	{height:170px}
#card_list dt img{min-height:170px}
#bbs_cate,#column_list	{margin-top:40px}
.rows.three .list li{width:296px; height:230px; margin:15px; display: flex; justify-content: center; align-items: center;}
.rows.four .list li	{width:20%!important; height:276px!Important}
.writer_box dl		{ width:100%; box-sizing:border-box; max-height:316px}
.writer_box dt		{width:350px; margin:10px; letter-spacing:-0.05em; font:400 15px/21px 'GmarketSansMedium'!important}
.writer_box dd		{width:266px; height:230px}
.writer02 dl		{max-height:none!important}
.writer02 dt		{width:300px; height:auto;}
.writer02 dd		{width:186px; height:168px}
.writer02 dd p.tt	{height:2.5em}
#column_list dl		{width:100%; margin:10px 0}