@charset "utf-8";
/* CSS Document */

/* 글자수세기 */
.letter-counter-wrap .letter-counter { border: 1px solid #dcdcdc; border-top: 1px solid #5283e0; position: relative; height: 500px; }
.letter-counter-wrap .letter-counter .header { background: #fcfcfc; width: 100%; }
.letter-counter-wrap .letter-counter .header>div { padding:15px 0; border-bottom:1px solid #dcdcdc; float: left; width: 50%; text-align: center; font-size: 1.4rem; font-weight: 500; color: #000; height: 100%; letter-spacing: 0; }
.letter-counter-wrap .letter-counter .header>div:first-child { border-right: 1px solid #dcdcdc; }
.letter-counter-wrap .letter-counter .header>div .count { color: #5283e0; margin-right: 3px; font-size: 17px; }
.letter-counter-wrap .letter-counter .header>div .byte { margin-left: 3px; }
.letter-counter-wrap .letter-counter textarea { border: none; height: calc(100% - 76px); padding: 20px; font-size: 15px; outline: 0; width: 100%; resize: none;}
.letter-counter-wrap .letter-counter .go-btn-area { float: right; width: 20%; background: #F2F4F7; height: 100%; vertical-align: top; border-left: 2px solid #dee3eb; }
.letter-counter-wrap .letter-counter .go-btn-area a { height: 50%; display: block; text-align: center; font-size: 14px; font-weight: bold; vertical-align: top; padding: 45px 0; }
.letter-counter-wrap .letter-counter .go-btn-area a:first-child { border-bottom: 1px solid #dee3eb; }
.letter-counter-wrap .letter-counter .go-btn-area a img { display: block; margin: 0 auto; }
.letter-counter-wrap .letter-counter .go-btn-area a:nth-child(1) img { width: 30px; margin-bottom: 20px; }
.letter-counter-wrap .letter-counter .go-btn-area a:nth-child(2) img { width: 45px; margin-bottom: 10px; }

.letter-counter-wrap .go-btn-area { width: 100%; background: #F2F4F7; height: 100%; vertical-align: top; border:1px solid #dee3eb;  }
.letter-counter-wrap .go-btn-area a { float: left; width:50%; display: block;text-align: center; font-size: 1.4rem; letter-spacing: -0.075em; font-weight: bold; padding:20px 0;}
.letter-counter-wrap .go-btn-area a img { margin-right:7px;position: relative; }
.letter-counter-wrap .go-btn-area a:nth-child(1) img { width: 16px; display: inline-block; top: 5px}
.letter-counter-wrap .go-btn-area a:nth-child(2) img { width: 19px; display: inline-block; top: 5px}
.letter-counter-wrap .go-btn-area a:nth-child(2) { border-left: 1px solid #dee3eb; }

.letter-counter-wrap .btn-wrap { margin-top: 20px; }
.letter-counter-wrap .btn-wrap button { float: left; width: 50%; height:50px; border: none; font-size: 1.5rem; color: #fff; cursor: pointer; }
.letter-counter-wrap .btn-wrap button.del-btn { background: #3a404c; }
.letter-counter-wrap .btn-wrap button.copy-btn { background: #5283e0; }
.notice { display: block; margin-top: 20px; font-size: 1.3rem; color: #666; }