/* -------------------- 공통 -------------------- */
*{ margin:0; padding:0; box-sizing: border-box; word-break: keep-all}
li{ list-style-type: none; }
a{ text-decoration: none; }
.cke_editable.post-area{position:relative;max-width:1216px; padding:16px; margin:0 auto; border:dotted 1px #ccc;}
.clear {clear:both;}
.framebox {margin: 0 auto;max-width:100%;}
.framebox * {border:none!important;}
.framebox td {display:flex;padding:0!important;flex-wrap:wrap;justify-content:center;gap:1rem;}

/* Web Document Style guide */
.post-area {font-size: 1rem; line-height:1.55; color:#222330;}
/*.post-area em{color:#D72D18;}*/
.post-area p { font-size:16px; line-height:1.4; color:#4a4949; margin-top:0; margin-bottom:0; font-weight:400; }
.post-area h1 { line-height:1.25;font-size:2rem;margin-bottom:2rem; font-weight:700; }
.post-area h2 { line-height:1.25;font-size:1.5rem;margin-bottom:1.875rem; font-weight:700; }
.post-area h3 { font-size:1.3rem; line-height:1.2; margin-bottom:1.875rem; font-weight:700; }
.post-area h4 { font-size:1.2rem; line-height:1.2; margin-bottom:1.875rem; font-weight:600; }
.post-area h5 { font-size:1.125rem; line-height:1.2; margin-bottom:1.875rem; font-weight:500; }
.post-area h6 { font-size:1rem; line-height:1.2; margin-bottom:1.875rem; font-weight:400; }
.post-area li { font-size:16px; line-height:32px; color:#4a4949; margin-top:0; margin-bottom:0; font-weight:400; list-style-type: disc; }
.post-area ul { padding:1rem 2rem; margin:0; }
.post-area u { text-decoration:underline; }
.post-area hr { margin:2rem 0;border:0;height:0;border-top:1px solid rgba(0, 0, 0, 0.1);border-bottom:1px solid rgba(255, 255, 255, 0.3); background-color:transparent; }
.post-area hr.dashed { border:0;height:0;border-top:1px dashed rgba(0, 0, 0, 0.1);border-bottom:1px dashed rgba(255, 255, 255, 0.3); }
.post-area hr.dotted { border:0;height:0;border-top:1px dotted rgba(0, 0, 0, 0.1);border-bottom:1px dotted rgba(255, 255, 255, 0.3); }
.post-area hr.gradient { border:0;height:1px;background-image:linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0)); }
.post-area blockquote { display:inline-block;position:relative;padding:0 2rem;font-weight:600;color:#801584;margin:1em; }
.post-area blockquote:before { content:'“';font-size:40px;color:#662d91;font-weight:bold;position:absolute;text-indent:-1.4rem;left:0;top:0;width:1rem;font-family:serif; height:100%; }
.post-area blockquote:after { content:'”';font-size:40px;color:#662d91;font-weight:bold;position:absolute;right:0;bottom:0;width:1rem;font-family:serif; height:100%; }
/*.post-area table { border:none; max-width:100%; width:100%; border-top:solid 2px #dcdcdc; border-left:solid 1px #dcdcdc; }*/
/*.post-area table td,*/
/*.post-area table th { padding:16px; word-break:keep-all; border-right:solid 1px #dcdcdc; }*/
/*.post-area table th { background-color:#f4f4e8;text-align:center;font-weight:bold; white-space:nowrap; }*/
/*.post-area table td { border-bottom:solid 1px #dcdcdc; }*/
/*.post-area table td:last-child { border-right:solid 1px #dcdcdc; }*/
.post-area img { max-width:100% !important; }
.post-area .align-left { padding-right:1rem; }
.post-area .align-right { padding-left:1rem; }

/* 뉴스레터 일 경우 테이블 예외처리 */
.stb-container-full table,
.stb-container-full table td,
.stb-container-full table th,
.stb-container-full table th,
.stb-container-full table td,
.stb-container-full table td:last-child{ border:none; max-width:inherit; padding:inherit; margin:inherit; text-align:inherit; font-weight:inherit; white-space:inherit;}

/* Box Container */
.post-area .box01 { border:solid 1px #ddd; padding:1rem; margin:1.5rem 0; }
.post-area .box02 { background:#f4f4e8; padding:1rem; margin:1.5rem 0; }
.post-area .box03 { border-left:solid 4px #008ABE; padding:1rem; margin:1.5rem 0; }
.post-area .box04 { border:solid 1px #ddd; background:#f4f4e8; padding:1rem; margin:1.5rem 0; }
.post-area .box05 { background:#008ABE; padding:1rem; color:#fff; margin:1.5rem 0; }

.post-area figure{margin:0 0 2.5rem;}
.post-area figure img{display:block;max-width:100%;}
.post-area figure figcaption{display:block;margin-top:1rem;font-size:1rem;color:#555;}
/*
.post-area blockquote{
  display:block;
  position:relative;
  max-width:47.5rem;
  margin:0 auto 2.5rem;
  background-color:#FFF7EA;
  padding:2.25rem 3.75rem;
  box-sizing: border-box;
  border-radius:3000px;
  text-align:center;
}
.post-area blockquote:after{
  content:"";
  display:block;
  width:3.1875rem;
  height:2.5625rem;
  background:url(../images/icon-quotes.png) no-repeat 0 0;
  background-size:cover;
  position:absolute;
  top:0;
  left:0;
}

.post-area blockquote p{
  color:var(--key-brown);
}
.post-area blockquote p:last-of-type{
  margin-bottom:0;
}
.post-area blockquote p strong{
  color:var(--key-brown);
}
*/

.post-area table{
  border-spacing:0;
  border-collapse:collapse;
  margin-bottom:2.5rem;
}

.post-area table thead{
  background-color:#FFF7EA;
  border-bottom:3px solid #EAA935;
  font-size:1rem;
}
.post-area table thead th{
  padding:0.8rem 1.5rem;
  text-align:left;
}
.post-area table tr td{
  border-bottom:1px solid #ededed;
  border-right:1px solid #ededed;
  padding:0.8rem 1.5rem;
}
.post-area table tr td:last-of-type{
  border-right:none;
}

.post-area .box{
  max-width:42.625rem;
  border:2px solid #EAA935;
  box-sizing: border-box;
  padding:1.875rem 2.125rem;
  margin-bottom:2.5rem;
}

.post-area .btn{
  display:inline-block;
  border:1px solid #2B6CAD;
  height:2.5rem;
  line-height:2.5rem;
  padding:0 1.375rem;
  border-radius:6px;
  font-size:0.9375rem;
  background-color:#2B6CAD;
  color:#fff;
}
.post-area .btn.line{
  border:1px solid #2B6CAD;
  background-color:#fff;
  color:#2B6CAD;
}
.post-area .btn:hover{
  text-decoration:none;
  border:1px solid #000;
  background-color:#000;
  color:#fff;
}

.post-area .text-align-center img{
  margin: 0 auto;
}

/*모바일 폰*/
@media screen and (min-width: 320px) and (max-width: 767px){

  .post-area{
    line-height:2;
  }

  .post-area h1{
    font-size:20px;
  }
  .post-area h2{
    font-size:18px;
  }


  .post-area blockquote{
    padding:30px 40px;
    font-size:14px;
  }
  .post-area blockquote:after{
    width:37px;
    height:30px;
  }

  .post-area ul{
    font-size:14px
  }
  .post-area ul li{
    margin-bottom:0.5rem;
    padding-left:1.5rem;
  }
  .post-area ul li:before{
    top:0.55rem;
  }
  .post-area ol{
    font-size:14px
  }
  .post-area ol li{
    margin-bottom:0.5rem;
    padding-left:0.3rem;
  }

  .post-area .box{
    font-size:14px;
    padding:20px;
  }

  .responsible-table{
    width:100%;
    overflow:scroll;
  }

}