@charset "euc-kr";
/* CSS Document */
/* *{margin:0; padding:0; font-size:12px; font-family: nGothic, dotum, gulim; color:#666;}  */
li{list-style:none;}
img{border:none;}
a 			{color:#000; text-decoration:none; font-family:'Noto Sans KR', 'NanumBarunGothic', '³ª´®°íµñ', 'NanumGothic';}
a:link		{color:#000; text-decoration:none; font-family:'Noto Sans KR', 'NanumBarunGothic', '³ª´®°íµñ', 'NanumGothic';}
a:visited	{color:#000; text-decoration:none;}
a:hover 	{color:#007aa2; text-decoration:none;}
a:focus 	{color:#007aa2; text-decoration:none;}
a:active	{color:#007aa2; text-decoration:none;}
input{ vertical-align:top;}

@font-face{
	font-family: nGothic;
	font-style: normal;
	font-weight: normal;
	src: url('/font/NanumGothic.eot'); 
	src: local('¡Ø'),
		 url('/font/NanumGothic.woff') format('woff'), 
		 url('/font/NanumGothic.ttf') format('truetype');
}

@font-face{
	font-family: nGothicB;
	font-style: normal;
	font-weight: bold;
	src: url('/font/NanumGothicBold.eot');
	src: local('¡Ø'),
		 url('/font/NanumGothicBold.woff') format('woff'),
		 url('/font/NanumGothicBold.ttf') format('truetype');
}


/* Noto Sans KR - ±¸±ÛÆùÆ® 100,200,300,400,500,600,700,800,900 */
   @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400&display=swap');
   @font-face {
      font-family: 'Noto Sans KR', sans-serif;
   }



#idContainer{width:1000px; overflow:hidden; margin:0 auto;}
#idLeft{ float:left; overflow:hidden; width:195px;}
#idRight{float:left; overflow:hidden; width:775px; margin:0px 10px 0px 20px}

/* Àü¹®°¡ ±¤°í */
.csLeftad {margin-top:5px;}
.csLeftad td {padding-top:5px;}

/* ÄÁÅÙÃ÷ */
h2{ width:100%; background:url(/Community/Img/main/BgCommunity.gif) center right no-repeat;text-align:left}
h2 p.csTit{font-size:30px;padding:5px 0px 5px 0px; font-family:'Noto Sans KR', 'NanumBarunGothic', '³ª´®°íµñ', 'NanumGothic'; color:#333; }
h2 p.csTit span{ font-size:23px; margin-left:15px; color:#333; }
h2 p.csStit{font-size:13px; font-family:'Noto Sans KR', 'NanumBarunGothic', '³ª´®°íµñ', 'NanumGothic';; margin-top:10px;}

.csBorderBox{ overflow:hidden; border:#ddd 1px solid; margin-top:20px}
.csBoard{ float:left; width:386px; }
.csBoard h3{background:url(/Community/Img/main/iconTitleBar.gif) 30px center no-repeat; background-color:#81c0cc;  padding:10px 30px;}
.csBoard h3 p{ position:relative; width:100%; padding-left:10px; font-size:15px; color:#fff;}
.csBoard h3 p span{ display:block; position:absolute; top:0; right:0; width:15px; height:15px; background:url(/Community/Img/main/icnMore.gif) center center no-repeat;}
.csBoard h3 p span a{ display:block; text-indent:-9999px;}
.csBoard .csText{padding:15px 30px 15px 30px;}
.csBoard .csText dt{margin-top:20px; width:320px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.csBoard .csText dt:first-child{margin-top:0;}
.csBoard .csText dt a{font-size:14px; font-family:'Noto Sans KR', 'NanumBarunGothic', '³ª´®°íµñ', 'NanumGothic';; }
.csBoard .csText dd{margin-top:5px;}
.csBoard .csText dd span{ margin:0 5px;color:#999999}
.csBoard .csText dd span:first-child{margin-left:0;}

/* ºí·Î±× °æ¸¶¿Õ ¹è³Ê */
.csBlogBanner{float:left;}
.csBlogResult{float:left;text-align:center;width:255px;}

/* ºí·Î±× °æ¸¶¿Õ °á°ú */
.csBlogResult h3{ width:257px; background-color:#7b7b7b;}
.csBlogResult h3 .csTit{font-size:18px; padding:20px 0 7px 0; color:#fff; }
.csBlogResult h3 .csStit{font-size:13px; color:#d8d8d8; padding-bottom:15px;}
.csBlogResult .csResultBox{padding:18px 27px;}
.csBlogResult .csText{font-family:'Noto Sans KR', 'NanumBarunGothic', '³ª´®°íµñ', 'NanumGothic';;}

.csTb01{ border-top:2px #b6b6b6 solid; border-bottom:1px #b6b6b6 solid; margin:0 auto; padding-bottom:10px; margin-top:5px;
				font-family:'Noto Sans KR', 'NanumBarunGothic', '³ª´®°íµñ', 'NanumGothic';}
.csTb01 th{ padding:10px 13px 7px 16px; font-size:14px; background-color:#f7f7f7; border-bottom:1px #b6b6b6 solid;
					font-family:'Noto Sans KR', 'NanumBarunGothic', '³ª´®°íµñ', 'NanumGothic';;text-align:center}
.csTb01 td{ padding:0px 5px 0px 25px;font-family:'Noto Sans KR', 'NanumBarunGothic', '³ª´®°íµñ', 'NanumGothic';}
.csTb01 td.csPt10{padding-top:11px;}
.csTb01 td.csPt5 {padding-top:11px;}
.csTb01 td p{ padding-left:10px; text-align:left;  width:60px; white-space:nowrap; text-overflow:ellipsis;}
/*.csTb01 td p{ padding-left:10px; text-align:left;  width:60px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}*/
.csIconRanking1{background:url(/Community/Img/main/iconRanking1.gif) no-repeat;}
.csIconRanking2{background:url(/Community/Img/main/iconRanking2.gif) no-repeat;}
.csIconRanking3{background:url(/Community/Img/main/iconRanking3.gif) no-repeat;}
.csIconRanking4{background:url(/Community/Img/main/iconRanking4.gif) no-repeat;}
.csIconRanking5{background:url(/Community/Img/main/iconRanking5.gif) no-repeat;}
.csTb01 td{ background-position:20px 18px;}
.csTb01 td.csBgPosition{background-position:20px 15px;}

.csBtn01{ height:30px; text-align:center;}
.csBtn01 a{ display:block; background:url(/Community/Img/main/btnBG.gif) center 0 no-repeat; text-align:center;  padding:5px 50px 8px 50px; color:#fff; font-size:13px; 
					font-family:'Noto Sans KR', 'NanumBarunGothic', '³ª´®°íµñ', 'NanumGothic'; margin:15px 0 0 0;}

/* ÇÑ°æÀü Ãßõ¿Õ, ¸®ÇÃ¿Õ */
.csBoard1{ float:left; width:192px;} 
.csBoard1 h3{background:url(/Community/Img/main/iconTitleBar.gif) 30px center no-repeat; background-color:#81c0cc;  padding:10px 30px;}
.csBoard1 h3 p{ position:relative; width:100%; padding-left:10px; font-size:15px; color:#fff;}
.csBoard1 ul{margin:10px 10px 10px 10px}
/*.csBoard1 ul li{padding:11px 0 11px 20px;width:85px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;border:1px solid red}*/
.csBoard1 ul li{padding:11px 0 11px 10px; white-space:nowrap; text-overflow:ellipsis;width:85%;}
.csBoard1 ul li{background-position:0 15px;}
.csBoard1 ul li:first-child{padding-top:0; background-position:0 0;}

.csWriter{float:right;font-size:11px;color:#999999;padding-top:2px}



.csBlo{border-left:#ddd 1px solid;}
.csBRo{border-right:#ddd 1px solid;}
.csBtn{border-top:none;}
.csAr{text-align:right;}
.csMr40{margin-right:40px;}
.csMr35{margin-right:35px;}
.csColorR{ color:#ff0000; font-family:'Noto Sans KR', 'NanumBarunGothic', '³ª´®°íµñ', 'NanumGothic';}
.csW386{width:386px;}
.csW193{width:193px;}
.csClear{clear:both;}
.csFl{float:left;}

/*ÃÖ±Ù °Ô½Ã±Û*/
.csBoard2 {float:left;width:100%;}
.csBoard2 h3{background:url(/Community/Img/main/iconTitleBar.gif) 30px center no-repeat; background-color:#81c0cc;  padding:9px 30px;}
.csBoard2 h3 p{ position:relative; width:100%; padding-left:10px; font-size:15px; color:#fff;}
.csRecentbbs {padding:15px 40px 5px 30px}
.csTb02 td {padding-bottom:10px;font-family:'Noto Sans KR', 'NanumBarunGothic', '³ª´®°íµñ', 'NanumGothic'}
.csTb02 td span{font-weight:bold;color:#9900ff}

/*ŸÀÌƲ*/
.csSubTit {font-size:25px;font-family:'Noto Sans KR', 'NanumBarunGothic', '³ª´®°íµñ', 'NanumGothic'; color:#007AA2;padding:15px 0px 5px 10px;}
.csSubTit span {font-size:13px;text-align:left;font-family:'Noto Sans KR', 'NanumBarunGothic', '³ª´®°íµñ', 'NanumGothic';margin-left:20px}
.csSubint {font-size:13px;text-align:left;font-family:'Noto Sans KR', 'NanumBarunGothic', '³ª´®°íµñ', 'NanumGothic';padding:15px 0px 0px 0px;}