.clearfix:after {content: "."; display: block; height: 0; overflow: hidden; clear: both; zoom:1;}
/* 글자수 체크 부분 */
.lengthCheck .lengthCheckWrap{background-color:#e9ecef; padding:0px 0 0; position:relative; width:100%;}
.lengthCheck .lengthCheckWrap article:first-child{margin-top:0px;}
.lengthCheck .lengthCheckWrap article{margin-top:10px; border-top:none; border-bottom:1px solid #cccccc; box-sizing:border-box; background-color:#fff;}
.lengthCheck .lengthCheckWrap .txtCheck{ width:100%; z-index: 5; background-color:#e9ecef; padding-top:10px;}
.lengthCheck .lengthCheckWrap .txtCheck dl:first-child{border-left:none; }
.lengthCheck .lengthCheckWrap .txtCheck dl{float:left; border-left:1px solid #cccccc; width:50%; height:86px; box-sizing:border-box; padding:10px; background-color:#fff; border-top:1px solid #cccccc;}
.lengthCheck .lengthCheckWrap .txtCheck dl dt{color:#666; font-size:1.000em; line-height:100%;}
.lengthCheck .lengthCheckWrap .txtCheck dl dd{color:#666; font-size:1.000em; text-align:right;}
.lengthCheck .lengthCheckWrap .txtCheck dl dd em{font-size:2.571em; color:#002aff;line-height:100%;}
.lengthCheck .lengthCheckWrap .txtCheck dl dd.byte{font-size:0.929em; color:#999; margin-top:3px; line-height:100%;}
.lengthCheck .lengthCheckWrap .txtCheck dl dd.byte em{font-size:0.929em; color:#999;}
/* 글씨 입력부분 */
.lengthCheck .lengthCheckWrap .txtInput{padding:10px 10px 0 10px; border-bottom:none;}
.lengthCheck .lengthCheckWrap .txtInput .addMyLetter{font-size:0.929em; color:#666; float:right;}
.lengthCheck .lengthCheckWrap .txtInput .addMyLetter > span{border:1px solid #c8c8c8; display:block; padding:6px 13px 7px; border-radius:15px; -moz-border-radius:15px; -webkit-border-radius: 15px;}
.lengthCheck .lengthCheckWrap .txtInput .addMyLetter > span > .icn{width:7px; height:14px; display:inline-block; position:relative; top:2px; overflow:hidden; margin-left:6px;}
.lengthCheck .lengthCheckWrap .txtInput .addMyLetter > span > .icn:after{content:""; position:absolute; top:2px; right:2px; width:8px; height:8px; display:block; border:1px solid #c8c8c8; -ms-transform:rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.lengthCheck .lengthCheckWrap .txtInput{position:relative;}
.lengthCheck .lengthCheckWrap .txtInput textarea{width:100%; height:100%; line-height:1.571em; resize:none;border:none; clear:both; padding:0px 0px 10px 0px !important; margin-top:10px; color:#333; font-size:1.071em; -webkit-box-shadow:none; outline: none; overflow:hidden; -webkit-overflow-scrolling:touch;}
.lengthCheck .lengthCheckWrap .txtInput textarea::-webkit-input-placeholder{color:#999; font-size:1.00em; }
.lengthCheck .lengthCheckWrap .txtInput textarea:-ms-input-placeholder{color:#999; font-size:1.00em; }
.lengthCheck .lengthCheckWrap .txtInput textarea::-moz-placeholder{color:#999; font-size:1.00em; }
.lengthCheck .lengthCheckWrap .txtInput textarea:-moz-placeholder{color:#999; font-size:1.00em; }
.lengthCheck .lengthCheckWrap .txtInput textarea:focus{border:none;}
/* 버튼들 - 글 입력시 노출 */
.lengthCheck .lengthCheckWrap .txtInput .buttons{background-color:transparent; background-color: #fff; margin-top:0px; padding:0 0 10px; border:none; width:100%; box-sizing:border-box;}
.lengthCheck .lengthCheckWrap .txtInput .buttons .buttonWrap{display:inline-table; width:100%;}
.lengthCheck .lengthCheckWrap .txtInput .buttons .buttonWrap div{display:table-cell; padding:0 2.5px;}
.lengthCheck .lengthCheckWrap .txtInput .buttons .buttonWrap div button.blue{background-color:#002aff; border:none; color:#fff;}
.lengthCheck .lengthCheckWrap .txtInput .buttons .buttonWrap div button:first-child{margin-left:0px}
.lengthCheck .lengthCheckWrap .txtInput .buttons .buttonWrap div button{background-color:#fff; width:100%; height:40px; border:1px solid #c3c3c3; box-sizing:border-box; font-size:1.143em; font-weight:bold;}
/* 레이어팝업 */
.lengthCheck .lyWrap{position:fixed; top:50%; width:100%; box-sizing:border-box; padding:0 37px; z-index:120;}
.lengthCheck .lyWrap .layerPop{width:100%; background-color:#fff;}
.lengthCheck .lyWrap .layerPop .pop1{width:100%; background-color:#fff; box-sizing: border-box; display:none;}
.lengthCheck .lyWrap .layerPop .pop1 .layerPopTit{height:46px; font-size:1.214em; font-weight:bold; position:relative; color:#fff; background-color:#002aff; padding:16px; box-sizing:border-box; line-height:100%;}
.lengthCheck .lyWrap .layerPop .pop1 .layerPopTit .close{position:absolute; top:16px; right:16px; background-image:url("/content/images/m/bg_layer_close.png?201603281157"); background-repeat:no-repeat; background-position:-16px 0; background-size:32px 16px; display:block; width:16px; height:16px; text-indent:-9999px; overflow:hidden;}
.lengthCheck .lyWrap .layerPop .pop1 .layerPopCont li:first-child{border-top:0px;}
.lengthCheck .lyWrap .layerPop .pop1 .layerPopCont li{border-top:1px solid #e9e9e9;}
.lengthCheck .lyWrap .layerPop .pop1 .layerPopCont li button{display:inline-table; padding:10px 0px 10px 15px; width:100%;}
.lengthCheck .lyWrap .layerPop .pop1 .layerPopCont li button > span{display:table-cell;}
.lengthCheck .lyWrap .layerPop .pop1 .layerPopCont li button > span.info{width:100%; padding-right:67px;}
.lengthCheck .lyWrap .layerPop .pop1 .layerPopCont li button > span.info > span:first-child{margin-top:0px;}
.lengthCheck .lyWrap .layerPop .pop1 .layerPopCont li button > span.info > span{display:block; text-align:left; margin-top:8px;}
.lengthCheck .lyWrap .layerPop .pop1 .layerPopCont li button > span.info > .date{font-size:0.857em; line-height:0.857em; color:#999;}
.lengthCheck .lyWrap .layerPop .pop1 .layerPopCont li button > span.info > .tit{font-size:1.071em; line-height:1.071em; color:#000;}
.lengthCheck .lyWrap .layerPop .pop1 .layerPopCont li button > span.info > .type{font-size:0.929em; color:#666; overflow:hidden; text-overflow:ellipsis; -o-text-overow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; word-wrap: break-word;}
.lengthCheck .lyWrap .layerPop .pop1 .layerPopCont li button > span.selct{width:67px; position:relative;}
.lengthCheck .lyWrap .layerPop .pop1 .layerPopCont li button > span.selct > span{height:23px; line-height:23px; text-align:center; color:#002aff; border:1px solid #002aff; font-size:0.929em; border-radius:16px; -moz-border-radius:16px; -webkit-border-radius:16px; box-sizing:border-box; display:block; width:46px; position:absolute;; margin:0px auto; top:11px; right:11px;}
.lengthCheck .lyWrap .layerPop .pop2{width:100%; background-color:#fff; padding:23px 15px 0 15px; box-sizing:border-box; position:relative; display:none;}
.lengthCheck .lyWrap .layerPop .pop2 > .close{position:absolute; top:16px; right:16px; background-image:url("/content/images/m/bg_layer_close.png?201603281157"); background-repeat:no-repeat; background-position:0 0; background-size:32px 16px; display:block; width:16px; height:16px; text-indent:-9999px; overflow:hidden;}
.lengthCheck .lyWrap .layerPop .pop2 > span{width:70px; height:70px; display:block; background-image:url("/content/images/m/ver_1/goodjob/text_count/img_text_count.png"); background-repeat:no-repeat; background-position:-2px -2px; background-size:96px 74px; margin:0px auto;}
.lengthCheck .lyWrap .layerPop .pop2 > p{text-align:center; margin:14px 0 0; padding-bottom:19px; border-bottom:1px solid #e9e9e9; font-size:1.214em; color:#333;}
.lengthCheck .lyWrap .layerPop .pop2 > .writeLetter{font-size:1.071em; color:#002aff; font-weight:bold; text-align:center; height:50px; line-height:50px; width:100%;}
.lengthCheck .lyWrap .layerPop .pop2 > .writeLetter > .icn{width:18px; height:16px; display:inline-block; background-image:url("/content/images/m/ver_1/goodjob/text_count/img_text_count.png"); background-repeat:no-repeat; background-position:-75px -2px; background-size:96px 74px; margin-right:6px;}
/* 버튼들 - 글 입력시 노출 */
.lengthCheck .lengthCheckWrap .buttons{background-color:transparent; background-color: #fff; margin-top:0px; padding:0 7.5px 10px; border:none; width:100%; box-sizing:border-box;}
.lengthCheck .lengthCheckWrap .buttons .buttonWrap{display:inline-table; width:100%;}
.lengthCheck .lengthCheckWrap .buttons .buttonWrap div{display:table-cell; padding:0 2.5px;}
.lengthCheck .lengthCheckWrap .buttons .buttonWrap div button.blue{background-color:#002aff; border:none; color:#fff;}
.lengthCheck .lengthCheckWrap .buttons .buttonWrap div button:first-child{margin-left:0px}
.lengthCheck .lengthCheckWrap .buttons .buttonWrap div button{background-color:#fff; width:100%; height:40px; border:1px solid #c3c3c3; box-sizing:border-box; font-size:1.143em; font-weight:bold;}
/* 메시지창 - 복사 완료 후 노출 */
.lengthCheck .lengthCheckWrap .alertMessage{ background-color:rgba(0,0,0,0.9); font-size:1em; color:#fff; position:fixed; top:50%; left:50%; box-sizing:border-box; margin-left:-154px; margin-top:-19px; padding:11px 10px; text-align:center; border-radius:27px;display:none;}
.lengthCheck .lengthCheckWrap .alertMessage p{line-height:100%;}