@charset "utf-8";

/*--회원가입 약관  표시영역 스크롤바 정의--*/
.join_write .agree_input .div_wrap{display:none; margin-top:20px;}
.join_write .agree_input .div_wrap div{color:#666;}

/* terms_contens */
.join_write .agree_input .div_wrap .scroll_area .terms_contents { padding: 0; /* ========================== table_terms */ }

.join_write .agree_input .div_wrap .scroll_area .terms_contents .date { padding: 10px 30px; margin-bottom: 0px; border-bottom: 2px solid #ddd; }

.join_write .agree_input .div_wrap .scroll_area  .article-rule { margin: 20px 0; padding: 0 10px; }

.join_write .agree_input .div_wrap .scroll_area  .article-rule section { margin-bottom: 20px; }

.join_write .agree_input .div_wrap .scroll_area  .article-rule .con_body { padding: 5px; font-size: 14px; }

.join_write .agree_input .div_wrap .scroll_area  .article-rule .accent .item1, .join_write .agree_input .div_wrap .scroll_area  .article-rule .accent .item2 { font-size: 15px; font-weight: bold; line-height: 1.4; }

.join_write .agree_input .div_wrap .scroll_area  .article-rule .accent .item2 strong { color: #5aafe6; text-decoration: underline; }

.join_write .agree_input .div_wrap .scroll_area  article { margin-bottom: 25px; }

.join_write .agree_input .div_wrap .scroll_area  article p { margin-bottom: 15px; }

.join_write .agree_input .div_wrap .scroll_area  article .text-muted { display: block; font-size: 14px; color: #777777; font-weight: normal; line-height: 1.25; letter-spacing: -0.5px; }

.join_write .agree_input .div_wrap .scroll_area  .terms-inner { padding: 25px; }

.join_write .agree_input .div_wrap .scroll_area  .tit { margin-bottom: 5px; }

.join_write .agree_input .div_wrap .scroll_area  .tit_bar { padding: 10px 0; border-top: 1px solid #5aafe6; border-bottom: 1px solid #5aafe6; }

.join_write .agree_input .div_wrap .scroll_area  .tit_bar .ts { font-size: 18px; color: #5aafe6; font-weight: bold; text-align: center; }

.join_write .agree_input .div_wrap .scroll_area  .h1 { font-size: 20px; color: #222222; font-weight: bold; }

.join_write .agree_input .div_wrap .scroll_area  .h2 { font-size: 18px; color: #222222; font-weight: bold; }

.join_write .agree_input .div_wrap .scroll_area  .h3 { font-size: 16px; color: #222222; font-weight: bold; }

.join_write .agree_input .div_wrap .scroll_area  p { margin-bottom: 25px; font-size: 14px; font-weight: normal; line-height: 1.5; }

.join_write .agree_input .div_wrap .scroll_area  p strong { color: #222222; }

.join_write .agree_input .div_wrap .scroll_area  ul li { line-height: 1.5; font-size: 14px; }

.join_write .agree_input .div_wrap .scroll_area  ol { padding: 0 0 10px 0px; }

.join_write .agree_input .div_wrap .scroll_area  ol li { text-indent: -18px; padding-left: 18px; font-size: 14px; line-height: 1.5; }

.join_write .agree_input .div_wrap .scroll_area  ul.indent-list { padding: 0 0 10px 0px; }

.join_write .agree_input .div_wrap .scroll_area  ul.indent-list li { text-indent: -18px; padding-left: 18px; font-size: 14px; line-height: 1.5; }

.join_write .agree_input .div_wrap .scroll_area  mark, .join_write .agree_input .div_wrap .scroll_area  .mark { color: #5aafe6; background-color: transparent; }

.join_write .agree_input .div_wrap .scroll_area  .table_terms { width: 100%; }

.join_write .agree_input .div_wrap .scroll_area  .table_terms > thead > tr > th { border: 1px solid #e1e1e1; padding: 5px 10px; font-size: 14px; font-weight: 700; color: #222222; text-align: center; background: #f8f8f8; }

.join_write .agree_input .div_wrap .scroll_area  .table_terms > tbody > tr > th { border: 1px solid #e1e1e1; padding: 5px 10px; font-size: 14px; font-weight: 700; color: #222222; text-align: center; background: #f8f8f8; }

.join_write .agree_input .div_wrap .scroll_area  .table_terms > tbody > tr > td { border: 1px solid #e1e1e1; padding: 5px 10px; font-size: 14px; color: #222222; text-align: center; }

.join_write .agree_input .div_wrap .scroll_area  .table_terms > tbody > tr > td a { font-size: 14px; }

.join_write .agree_input .div_wrap .scroll_area  .table_terms > tbody > tr > td .font_red { color: #f24848; }

.join_write .agree_input .div_wrap .scroll_area  .table_terms > tbody > tr > td li { font-size: 14px; }

.join_write .agree_input .div_wrap .scroll_area  .table_terms > tbody > tr.rowspan > td:first-child { border-left: 1px solid #e1e1e1; }

/* ========================== 약관 내용 */
.terms_contents { padding: 0; /* ========================== table_terms */ }

.terms_contents .date { padding: 10px 30px; margin-bottom: 0px; border-bottom: 2px solid #ddd; }

.terms_contents .article-rule { margin: 20px 0; padding: 0 10px; }

.terms_contents .article-rule section { margin-bottom: 20px; }

.terms_contents .article-rule .con_body { padding: 5px; font-size: 14px; }

.terms_contents .article-rule .accent .item1, .terms_contents .article-rule .accent .item2 { font-size: 15px; font-weight: bold; line-height: 1.4; }

.terms_contents .article-rule .accent .item2 strong { color: #5aafe6; text-decoration: underline; }

.terms_contents article { margin-bottom: 25px; }

.terms_contents article p { margin-bottom: 15px; }

.terms_contents article .text-muted { display: block; font-size: 14px; color: #777777; font-weight: normal; line-height: 1.25; letter-spacing: -0.5px; }

.terms_contents .terms-inner { padding: 25px; }

.terms_contents .tit { margin-bottom: 5px; }

.terms_contents .tit_bar { padding: 10px 0; border-top: 1px solid #5aafe6; border-bottom: 1px solid #5aafe6; }

.terms_contents .tit_bar .ts { font-size: 18px; color: #5aafe6; font-weight: bold; text-align: center; }

.terms_contents .h1 { font-size: 20px; color: #222222; font-weight: bold; }

.terms_contents .h2 { font-size: 18px; color: #222222; font-weight: bold; }

.terms_contents .h3 { font-size: 16px; color: #222222; font-weight: bold; }

.terms_contents p { margin-bottom: 25px; font-size: 14px; font-weight: normal; line-height: 1.5; }

.terms_contents p strong { color: #222222; }

.terms_contents ul li { line-height: 1.5; font-size: 14px; }

.terms_contents ol { padding: 0 0 10px 0px; }

.terms_contents ol li { text-indent: -18px; padding-left: 18px; font-size: 14px; line-height: 1.5; }

.terms_contents ul.indent-list { padding: 0 0 10px 0px; }

.terms_contents ul.indent-list li { text-indent: -18px; padding-left: 18px; font-size: 14px; line-height: 1.5; }

.terms_contents mark, .terms_contents .mark { color: #5aafe6; background-color: transparent; }

.terms_contents .table_terms { width: 100%; }

.terms_contents .table_terms > thead > tr > th { border: 1px solid #e1e1e1; padding: 5px 10px; font-size: 14px; font-weight: 700; color: #222222; text-align: center; background: #f8f8f8; }

.terms_contents .table_terms > tbody > tr > th { border: 1px solid #e1e1e1; padding: 5px 10px; font-size: 14px; font-weight: 700; color: #222222; text-align: center; background: #f8f8f8; }

.terms_contents .table_terms > tbody > tr > td { border: 1px solid #e1e1e1; padding: 5px 10px; font-size: 14px; color: #222222; text-align: center; }

.terms_contents .table_terms > tbody > tr > td a { font-size: 14px; }

.terms_contents .table_terms > tbody > tr > td .font_red { color: #f24848; }

.terms_contents .table_terms > tbody > tr > td li { font-size: 14px; }

.terms_contents .table_terms > tbody > tr.rowspan > td:first-child { border-left: 1px solid #e1e1e1; }