*{
	font-family: Gulim,'Segoe UI',Meiryo,'나눔고딕',NanumGothic,ng,'맑은 고딕','Malgun Gothic','돋움',Dotum,AppleGothic,sans-serif;font-size: 12px;    word-break: break-all;
}

.cmA { text-decoration: none;color:black;	} 
.menuA { text-decoration: none; color: white; font-weight: bold;}


.cmBody {margin:0; }
.cmTable {padding: 0; width:100%; border-collapse: collapse;}
.loginTable {padding: 0; width:50%; min-width:300px; border-collapse: collapse;}
.sysTable {padding: 0; min-width:300px; border-collapse: collapse;}

textarea { border:1px solid #a7a7a7;line-height: 19px;}

.cmSelect {height: 26px;margin-right: -5px;background: aliceblue;}
.cmInput { height: 26px;width:100%}
.cmInput90 { height: 26px;width:90%}
.cmInput50 { height: 26px;width:50%}
.cmInput20 { height: 26px;width:20%}
.cmInputKywrd{ height: 26px;}
.cmCheckbox{vertical-align: sub;}


.headerDIV { background: rgb(13, 111, 184);font-weight: bold; color: white;}  /* aliceblue */
.tailDIV { background: rgb(13, 111, 184); }
.frmDIV {margin: 0 auto; padding:5; min-width: 700px; max-width: 1000px;}
.centerDIV {text-align-last: center;}


.cmEditor {width:100%;height:500px;}
.cmCmmtEditor{width:100%;}
.cmmtEditorDIV{width:100%;}

.cmNatDiv{position:absolute; left:0px; top:236px; width:300px; height:400px; z-index:100; visibility:hidden; overflow-x:hidden; overflow-y:hidden;}
.cmNatListDiv{overflow:auto; width:100%;height:100%;}

.cmHR{border-style: ridge;}
.cmHDDN{visibility: hidden;}

.brdTtlDIV {}
.artLstDIV {}
.artLstBESTDIV {min-width:498px;display: table-cell;padding-right: 5px;}

.artLstBelowBtnDIV{padding: 10px 0px;}
.writeBelowBtnDIV{padding: 10px 0px;}
.naviDIV {}

.boardDIV{display: inline-flex;min-width: 247px;}

.cmContents{}
.cmComments{}
.cmGrayCOLOR{color: darkgray;}

.readArtTitleTABLE{}
	.readArtTitleTDTitle{font-weight: bold;font-size: medium;padding: 10px 0px;}
	.readArtTitleTDDesc{padding-bottom: 5px;}
	.readArtTitleTDNickNm{text-align: right; min-width:70px;}

.readArtBtnTABLE{}
	.readArtBtnTD{text-align: center; padding: 10px;}

.readArtCmmtTABLE{}
	.readArtCmmtTABLETRTitle{    height: 30px;}
	.readArtCmmtTABLETD{border: 1px;border-color:aliceblue;border-top-style: solid;}
	.readArtCmmtTABLETDRepl{padding-left: 20px;}
	.readArtCmmtTABLETDNickNm{background-color: aliceblue;    font-weight: bold;    color: darkslategrey;}
	.readArtCmmtTABLETDWrterInfo{background-color: aliceblue; text-align: right; }
	.readArtCmmtTABLETDCmmt{padding-bottom: 13px;}

.catCdLI {position: absolute;display: contents;}
.titleTR{background: cornflowerblue;cursor: pointer;}
.titleTH{padding: 8 0 8 0; font-weight: bold; color: white;}

.artclTR{padding: 6 0 6 0;}
	.artclTRCurr{background:aliceblue;}

.artclTD{ text-align: center; border:1px; border-color:aliceblue; border-top-style: solid; border-bottom-style: solid; padding: 8 0 8 0;}
.artclIndexTD{ text-align: center; border:1px; border-color:aliceblue; border-top-style: solid; border-bottom-style: solid; padding: 4 0 4 0;}
	.artclTDDispNo{text-align: right; min-width:40px;}
	.artclTDCatCd{width:70px;}
	.artclTDSubjectCnt{text-align: left;cursor: pointer;}
	.artclTDCmmtCnt{ color: blue;}
	.artclTDNickNm{min-width:70px;cursor: pointer;}
	.artclTDHitCnt{text-align: right; min-width:40px;}
	.artclTDGoodCnt{min-width:40px;}
	.artclTDRegTS{width:85px;}

.cmPageTD{min-width:150px; text-align-last: center;}
.cmSrchTD{text-align:right; text-align-last: center;}
.movePageBTN{ padding: 7px 10px; cursor: pointer;}
	.currPageBTN{background: aliceblue; cursor: default;}


.bigEmoBtn {font-size: x-large;cursor: pointer;}
.emoBtn {font-size: initial;cursor: pointer;}
.btn {    background: rgb(13, 111, 184);color: #fff;border: 1px solid rgb(13, 111, 184); padding: 6px 4px;cursor: pointer;}
	.searchBTN{margin-left: -5px;}

.cmNatFlag{cursor: pointer;vertical-align: middle;border: 1px solid rgb(13, 111, 184);}
.cmNatFlagSel{cursor: pointer;vertical-align: middle;border: 1px solid rgb(13, 111, 184);}


.dmH10DIV {height: 10px;}
.dmH50DIV {height: 50px;}
.dmH100DIV {height: 100px;}
.dmPadding20 {padding: 20px;}

.dmMaxWidth100{max-width: 100px;}

.cmHdn{display:none;}





@media screen and (max-width:400px){
	
	.frmDIV {margin: 0 auto; padding:0; min-width: 100%;}

	.artclTD{ text-align: center; border:2px; border-color:aliceblue; border-top-style: solid; border-bottom-style: solid; padding: 10 0 10 0;}

	.artclTDDispNo{display:none;}
	.artclTDCatCd{display:none;}
	.artclTDSubjectCnt{text-align: left;padding:3;}
	.artclTDCmmtCnt{ color: blue;}
	.artclTDNickNm{display:none;}
	.artclTDHitCnt{display:none;}
	.artclTDGoodCnt{min-width:40px;}
	.artclTDRegTS{display:none;}

	.readArtCmmtTABLETDWrterInfoTime{display:none;}

	.artLstBESTDIV {min-width:100%;max-width:100%; margin: 0 auto; padding:0; display: inline-flex;}
	.boardDIV{display: inline-flex;min-width: 178px;}

	.cmComments{ img {max-width:300px} }

}


/* DIM */
.bx-proxy-overlay {display:none; background-color: rgba(143, 166, 249, 0.4);position: fixed;left: 0;right: 0;top: 0;bottom: 0;z-index: 4000; }
.-bx-ui-dim .bx-loading-type6 {width: 51px;height: 100px;text-align: center;font-size: 10px;position: absolute;left: 50%;top: 250px;margin-left: -25px; }
.-bx-ui-dim .bx-loading-type6 > div {background: white;height: 100%;width: 4px;margin-right: 3px;display: inline-block;-webkit-animation: bx-stretchdelay 1.2s infinite ease-in-out;animation: bx-stretchdelay 1.2s infinite ease-in-out; }
.-bx-ui-dim .bx-loading-type6 .rect2 {background: white;-webkit-animation-delay: -1.1s;animation-delay: -1.1s; }
.-bx-ui-dim .bx-loading-type6 .rect3 {background: white;-webkit-animation-delay: -1.0s;animation-delay: -1.0s; }
.-bx-ui-dim .bx-loading-type6 .rect4 {background: white;-webkit-animation-delay: -0.9s;animation-delay: -0.9s; }
.-bx-ui-dim .bx-loading-type6 .rect5 {background: white;-webkit-animation-delay: -0.8s;animation-delay: -0.8s; }
@-webkit-keyframes bx-stretchdelay {0%, 100%, 40% {-webkit-transform: scaleY(0.4); }20% {-webkit-transform: scaleY(1); } }