@charset "UTF-8"; /* 폰트 */
@font-face {
  font-family: "SF Pro Display";
  font-style: normal;
  font-weight: 100;
  src:
    local("SF-UI-Display-Thin"),
    url("//t1.daumcdn.net/harmony_static/font/SF-UI-Display-Thin.woff")
      format("woff");
}
@font-face {
  font-family: "SF Pro Display";
  font-style: normal;
  font-weight: 200;
  src:
    local("SF-UI-Display-Light"),
    url("//t1.daumcdn.net/harmony_static/font/SF-UI-Display-Light.woff")
      format("woff"),
    url("//t1.daumcdn.net/harmony_static/font/SF-Pro-Display-Light.otf")
      format("opentype");
}
@font-face {
  font-family: "SF Pro Display";
  font-style: normal;
  font-weight: 400;
  src:
    local("SF-UI-Display-Regular"),
    url("//t1.daumcdn.net/harmony_static/font/SF-UI-Display-Regular.woff")
      format("woff"),
    url("//t1.daumcdn.net/harmony_static/font/SF-Pro-Display-Regular.otf")
      format("opentype");
}
@font-face {
  font-family: "SF Pro Display";
  font-style: normal;
  font-weight: 500;
  src:
    local("SF-UI-Display-Medium"),
    url("//t1.daumcdn.net/harmony_static/font/SF-UI-Display-Medium.woff")
      format("woff"),
    url("//t1.daumcdn.net/harmony_static/font/SF-Pro-Display-Medium.otf")
      format("opentype");
}
@font-face {
  font-family: "SF Pro Display";
  font-style: normal;
  font-weight: 600;
  src:
    local("SF-UI-Display-Semibold"),
    url("//t1.daumcdn.net/harmony_static/font/SF-UI-Display-Semibold.woff")
      format("woff"),
    url("//t1.daumcdn.net/harmony_static/font/SF-Pro-Display-Semibold.otf")
      format("opentype");
}
@font-face {
  font-family: "SF Pro Display";
  font-style: normal;
  font-weight: 700;
  src:
    local("SF-UI-Display-Bold"),
    url("//t1.daumcdn.net/harmony_static/font/SF-UI-Display-Bold.woff")
      format("woff"),
    url("//t1.daumcdn.net/harmony_static/font/SF-Pro-Display-Bold.otf")
      format("opentype");
}
/* reset */
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
textarea,
p,
blockquote,
th,
td,
input,
select,
button {
  margin: 0;
  padding: 0;
}
fieldset,
img {
  border: 0 none;
}
dl,
ul,
ol,
menu,
li {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}
input,
select,
textarea,
button {
  vertical-align: middle;
}
input::-ms-clear {
  display: none;
}
button {
  border: 0 none;
  background-color: transparent;
  cursor: pointer;
}
body {
  -webkit-text-size-adjust: none;
  background: #fff;
}
body,
th,
td,
input,
select,
textarea,
button {
  font-size: 14px;
  line-height: 1.5;
  font-family:
    -apple-system, "SF Pro Display", "Helvetica Neue", "Apple SD Gothic Neo",
    "Malgun Gothic", sans-serif;
  color: #000;
}
a {
  color: #000;
  text-decoration: none;
}
a:active,
a:hover {
  text-decoration: underline;
}
a:active {
  background-color: transparent;
}
address,
caption,
cite,
code,
dfn,
em,
var {
  font-style: normal;
  font-weight: normal;
}
header,
footer,
main,
article,
section,
aside {
  display: block;
}
/* global */
.direct-link {
  position: absolute;
  top: -1px;
  left: 0;
  z-index: 1000;
  height: 1px;
}
/* 바로가기 */
.direct-link a {
  position: absolute;
  top: -999px;
  padding: 5px 10px;
  font-weight: bold;
  color: #fff;
  background: #333;
  text-decoration: none;
  white-space: nowrap;
}
.direct-link a:focus {
  top: 0;
}
.ir_pm {
  display: block;
  overflow: hidden;
  font-size: 0;
  line-height: 0;
  text-indent: -9999px;
}
/* PC용 사용된 이미지내 의미있는 텍스트의 대체텍스트를 제공할때 */
.ir_pm {
  display: block;
  overflow: hidden;
  font-size: 1px;
  line-height: 0;
  color: transparent;
}
/* Mobile용 사용된 이미지내 의미있는 텍스트의 대체텍스트를 제공할때 */
.ir_wa {
  display: block;
  overflow: hidden;
  position: relative;
  z-index: -1;
  width: 100%;
  height: 100%;
}
/* 중요한 이미지 대체텍스트로 이미지off시에도 대체 텍스트를 보여주고자 할때 */
.ir_caption {
  overflow: hidden;
  width: 1px;
  font-size: 1px;
  line-height: 0;
  text-indent: -9999px;
}
/* Table caption에 숨김텍스트를 제공할때 */
.screen_out {
  overflow: hidden;
  position: absolute;
  width: 0;
  height: 0;
  line-height: 0;
  text-indent: -9999px;
}
/* 대체텍스트가 아닌 접근성을 위한 숨김텍스트를 제공할때 */
.show {
  display: block;
}
.hide {
  display: none;
}
/* common */
.thumb_g {
  display: block;
  width: 100%;
  margin: 0 auto;
  vertical-align: top;
}
.ico_algorism {
  display: inline-block;
  overflow: hidden;
  font-size: 1px;
  line-height: 0;
  background: url("//t1.daumcdn.net/media/common/algorism_2022/ico_algorism_260211.png")
    0 0 no-repeat;
  background-size: 100px auto;
  color: transparent;
  vertical-align: top;
}
/* 2026-02-11 수정 */
/* 2023-12-12 수정 */
/* view */
.view_m {
  display: none;
}
.view_t {
  display: none;
}
.view_pc {
  display: block;
}
/* layout */
html,
body {
  height: 100%;
}
.container-doc {
  min-width: 280px;
  height: 100%;
}
.doc-main {
  min-height: 100%;
  box-sizing: border-box;
  padding-top: 300px;
}
/* header */
.doc-header {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  background: #8abeff
    url("//t1.daumcdn.net/media/common/algorism_2022/rtn/bgvisual_manual_pc.png")
    50% 100% no-repeat;
  background-size: auto 300px;
}
.doc-header .inner_header {
  position: relative;
  max-width: 960px;
  height: 300px;
  padding: 0 20px;
  margin: 0 auto;
}
.doc-header .header_wrap {
  height: 67px;
}
.doc-header .header_wrap:after {
  display: block;
  clear: both;
  content: "";
}
.doc-header .header_wrap .inner_wrap {
  height: 100%;
}
.doc-header .doc-title {
  float: left;
  margin-top: 21px;
  font-size: 0;
  display: flex;
  align-items: center;
}
.doc-header .link_daum {
  display: inline-block;
  width: 24px;
  height: 24px;
  margin-right: 6px;
  vertical-align: top;
}
.doc-header .link_daum svg path {
  fill: #fff;
}
.doc-header .link_daum img {
  display: block;
  vertical-align: top;
}
.doc-header .link_news {
  display: inline-block;
  line-height: 14px;
  font-size: 20px;
  vertical-align: top;
}
.doc-header .link_news:hover {
  text-decoration: none;
}
.doc-header .link_menu {
  float: right;
  width: 30px;
  height: 30px;
  margin: 19px -6px 0 0;
  text-decoration: none;
}
.doc-header .link_menu .ico_menu {
  display: block;
  width: 18px;
  height: 15px;
  padding-top: 7px;
  margin: 0 auto;
}
.doc-header .link_menu .ico_menu:before {
  display: block;
  width: 18px;
  height: 6px;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  content: "";
}
.doc-header .link_menu .ico_menu:after {
  display: block;
  width: 18px;
  height: 6px;
  border-bottom: 1px solid #000;
  content: "";
}
.doc-header .tit_header {
  position: absolute;
  left: 20px;
  bottom: 72px;
  right: 20px;
  font-weight: 700;
  font-size: 40px;
  line-height: 48px;
  color: #000;
}
/* 2026-02-11 수정 */
/* 2023-12-12 수정 */
/* scroll */
.head_fixed .doc-header .header_wrap {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  z-index: 100;
  background-color: #fff;
  border-bottom: 1px solid #ebebee;
}
.head_fixed .doc-header .header_wrap .inner_wrap {
  min-width: 260px;
  max-width: 960px;
  padding: 0 16px;
  margin: 0 auto;
}
/* doc-gnb */
.doc-gnb {
  display: none;
  position: fixed;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 200;
  width: 400px;
}
/* 2023-12-12 수정 시작 */
.doc-gnb .inner_gnb {
  position: absolute;
  right: 0;
  top: 0;
  width: 377px;
  height: 100%;
  padding: 50px 52px 0 50px;
  background-color: #fff;
  box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.2);
  box-sizing: border-box;
}
/* 2026-02-11 수정 */
.doc-gnb .list_gnb {
  margin-top: 20px;
}
.doc-gnb .link_close {
  position: absolute;
  right: 40px;
  top: 34px;
  width: 30px;
  height: 30px;
  text-decoration: none;
}
/* 2026-02-11 수정 시작 */
.doc-gnb .link_home {
  display: block;
  font-weight: 400;
  font-size: 17px;
  line-height: 24px;
  color: #101010;
}
.doc-gnb .ico_home {
  width: 24px;
  height: 24px;
  margin-right: 10px;
  background-position: -30px -30px;
}
.doc-gnb .tit_gnb {
  margin-top: 20px;
  font-weight: 700;
  font-size: 17px;
  line-height: 24px;
  color: #999;
}
/* // 2026-02-11 수정 끝 */
.doc-gnb .list_gnb li {
  margin-top: 30px;
}
.doc-gnb .list_gnb li:first-child {
  margin-top: 0;
}
/* 2026-02-11 수정 시작 */
.doc-gnb .link_gnb {
  display: block;
  font-size: 17px;
  line-height: 24px;
  color: #101010;
  padding-left: 25px;
  text-indent: -17px;
}
.doc-gnb .ico_check {
  display: none;
  width: 16px;
  height: 16px;
  margin: 4px 0 0 10px;
  background-position: -80px 0;
}
/* // 2026-02-11 수정 끝 */
.os_ios .doc-gnb .ico_check {
  margin-top: 2px;
}
.os_android .doc-gnb .ico_check {
  margin-top: 2px;
}
.os_ios .doc-gnb .ico_home {
  margin-top: -3px;
}
.os_android .doc-gnb .ico_home {
  margin-top: -3px;
}
/* 2023-12-12 수정 끝 */
.doc-gnb .link_close .ico_algorism {
  display: block;
  width: 18px;
  height: 18px;
  margin: 6px auto 0;
  background-position: 0 0;
}
.os_ios .gnb_open,
.os_android .gnb_open {
  overflow: hidden;
}
.doc-gnb li.on .link_gnb {
  font-weight: 700;
}
.doc-gnb li.on .link_gnb .ico_check {
  display: inline-block;
}
/* content-article */
.content-article {
  max-width: 960px;
  padding: 10px 20px 200px;
  margin: 0 auto;
}
/* 2023-12-12 수정 */
/* articel - copyright */
.txt_copyright {
  display: block;
  font-size: 14px;
  font-style: normal;
  line-height: 24px;
  color: #888;
}
/* 2023-12-12 수정 */
/* footer */
.doc-footer {
  overflow: hidden;
  font-size: 12px;
  line-height: 20px;
  color: #808080;
  letter-spacing: 0;
}
.doc-footer .inner_foot {
  position: relative;
  width: 960px;
  padding-bottom: 200px;
  margin: 0 auto;
}
/* 2026-02-20 수정 */
.doc-footer .inner_foot small {
  display: block;
}
.doc-footer .inner_foot .link_kakao {
  font-size: 14px;
  line-height: 17px;
  font-weight: 700;
  vertical-align: top;
  color: rgba(0, 0, 0, 0.48);
}
/* 첨언 */
.link_refer {
  color: #004bcc;
  font-size: 11px;
  vertical-align: super;
}
.emph_refer {
  color: rgba(0, 0, 0, 0.64);
}
@media screen and (max-width: 959px) {
  .view_pc {
    display: none;
  }
  .view_m {
    display: none;
  }
  .view_t {
    display: block;
  }
  .doc-header {
    background-image: url("//t1.daumcdn.net/media/common/algorism_2022/rtn/bgvisual_manual_t.png");
  }
  /* 2026-02-11 수정 시작 */
  .doc-header .inner_header {
    padding: 0 32px;
  }
  .doc-header .tit_header {
    left: 32px;
    right: 32px;
    bottom: 84px;
    font-size: 36px;
    line-height: 43px;
  }
  /* // 2026-02-11 수정 끝 */
  .doc-header .header_wrap {
    height: 55px;
  }
  .doc-header .doc-title {
    margin-top: 16px;
  }
  .doc-header .link_menu {
    margin-top: 14px;
  }
  .doc-gnb {
    left: 0;
    width: auto;
  }
  .doc-gnb {
    background: rgba(0, 0, 0, 0.4);
  }
  .doc-gnb .inner_gnb {
    overflow-y: auto;
    width: 300px;
    padding: 52px 0 0 32px;
  }
  /* 2023-05-17 수정 */
  .doc-gnb .link_gnb,
  .doc-gnb .link_home {
    text-decoration: none;
  }
  /* 2023-12-12 수정 */
  .doc-gnb .link_close {
    top: 14px;
    right: 26px;
  }
  .content-article {
    padding: 10px 32px 100px;
  }
  /*.doc-main{padding-top:276px;}*/
  /* 2026-02-11 삭제 */
  .doc-footer {
    text-align: center;
    clear: both;
    padding-bottom: constant(safe-area-inset-bottom);
    padding-bottom: env(safe-area-inset-bottom);
    letter-spacing: -0.035em;
  }
  .doc-footer .inner_foot {
    width: auto;
    padding-left: 20px;
    padding-right: 20px;
  }
  /* 2026-02-20 수정 */
}
@media screen and (max-width: 767px) {
  .view_pc {
    display: none;
  }
  .view_t {
    display: none;
  }
  .view_m {
    display: block;
  }
  .doc-header {
    background-image: url("//t1.daumcdn.net/media/common/algorism_2022/rtn/bgvisual_manual_m.png");
    background-position: 100% 100%;
  }
  .doc-header .inner_header {
    padding: 0 16px;
  }
  .doc-header .tit_header {
    left: 20px;
    right: 20px;
    bottom: 50px;
    font-size: 38px;
    line-height: 43px;
  }
  /* 2026-02-11 수정 */
  /* 2023-12-12 수정 */
  .doc-header .tit_header .txt_g {
    display: block;
  }
  .doc-gnb .inner_gnb {
    width: 100%;
  }
  .doc-gnb .tit_gnb {
    font-size: 15px;
  }
  .doc-gnb .link_gnb {
    font-size: 16px;
  }
  .doc-gnb .link_close {
    top: 14px;
    right: 14px;
  }
  .content-article {
    padding: 10px 16px 100px;
  }
  /* 2026-02-11 수정 */
}
/* 2배수 이미지 */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (min-device-pixel-ratio: 1.5),
  only screen and (min-resolution: 1.5dppx) {
  .ico_algorism {
    background-image: url("//t1.daumcdn.net/media/common/algorism_2022/rtn/ico_algorism_260211.png");
  }
  /* 2026-02-11 수정 */
  /* 2023-12-12 수정 */
}
/* 3배수 이미지 */
@media only screen and (-webkit-min-device-pixel-ratio: 3),
  only screen and (min-device-pixel-ratio: 3),
  only screen and (min-resolution: 3dppx) {
  .ico_algorism {
    background-image: url("//t1.daumcdn.net/media/common/algorism_2022/rtn3/ico_algorism_260211.png");
  }
  /* 2026-02-11 수정 */
  /* 2023-12-12 수정 */
}
/* 홈 */
.wrap_home .doc-header {
  background: #fff;
  border-bottom: 1px solid #ebebee;
}
.wrap_home .doc-header .inner_header {
  height: auto;
}
.wrap_home .doc-main {
  height: auto;
  min-height: auto;
  padding-top: 68px;
}
.wrap_home .content-article {
  padding-bottom: 20px;
}
.wrap_home .tit_newsmanual {
  padding: 40px 0 20px;
  font-weight: 700;
  font-size: 26px;
  line-height: 31px;
  color: #000;
}
/* 2026-02-11 수정 */
/* 2023-12-12 수정 시작 */
.wrap_home .list_newsmanual {
  display: flex;
  flex-wrap: wrap;
  margin-left: -20px;
}
.wrap_home .list_newsmanual li {
  margin: 0 0 40px 20px;
  width: calc(50% - 20px);
}
/* 2023-12-12 수정 끝 */
.wrap_home .list_newsmanual .link_newsmanual {
  display: block;
  overflow: hidden;
  min-height: 384px;
  border-radius: 16px;
  background-color: #fff;
  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.08);
  text-decoration: none;
}
.wrap_home .list_newsmanual .wrap_thumb {
  height: 198px;
}
.wrap_home .list_newsmanual .wrap_thumb .img_thumb {
  display: block;
  height: 100%;
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}
.wrap_home .list_newsmanual .cont_thumb {
  padding: 20px 20px 0;
}
/* 2026-02-11 수정 */
.wrap_home .list_newsmanual .tit_thumb {
  display: block;
  font-weight: 700;
  font-size: 20px;
  line-height: 24px;
  color: #000;
}
/* 2026-02-11 수정 시작 */
.wrap_home .list_newsmanual .txt_thumb {
  margin-top: 12px;
  font-size: 17px;
  line-height: 26px;
  color: rgba(0, 0, 0, 0.64);
}
.wrap_home .list_newsmanual .txt_go {
  display: inline-block;
  margin-top: 36px;
  font-weight: 700;
  font-size: 18px;
  line-height: 22px;
  color: #4881f7;
  vertical-align: top;
}
.wrap_home .list_newsmanual .ico_arr {
  width: 20px;
  height: 20px;
  margin: 1px 0 0 4px;
  background-position: -50px 0;
}
/* //2026-02-11 수정 끝 */
@media screen and (max-width: 959px) {
  .wrap_home .doc-main {
    padding-top: 56px;
  }
  .wrap_home .content-article {
    padding-bottom: 0;
  }
}
@media screen and (max-width: 767px) {
  .wrap_home .content-article {
    padding-bottom: 20px;
  }
  /* 2023-12-12 수정 시작 */
  .wrap_home .list_newsmanual {
    flex-wrap: wrap;
    flex-direction: row;
    margin-left: 0;
  }
  .wrap_home .list_newsmanual li {
    width: 100%;
    margin: 0 0 20px;
  }
  /* 2023-12-12 수정 끝 */
}
/* 배열설명서 */
.section_manual {
  padding: 40px 0;
}
/* 2023-12-12 수정 */
.section_manual_final {
  padding: 40px 0 20px;
}
.section_manual:after {
  display: block;
  clear: both;
  content: "";
}
.section_manual + .section_manual {
  border-top: 1px solid #eee;
}
/* 2023-12-12 수정 시작 */
.section_manual .tit_section {
  font-size: 26px;
  line-height: 31px;
}
.section_manual .tit_section2 {
  margin-top: 40px;
  font-size: 22px;
  line-height: 24px;
}
/* 2023-12-12 수정 끝 */
.section_manual .tit_section2-2 {
  margin-top: 40px;
  font-size: 20px;
  line-height: 24px;
  color: #101010;
}
.section_manual .tit_section2-2 + .txt_section {
  margin-top: 10px;
}
.section_manual .tit_section3 {
  margin-top: 40px;
  font-size: 18px;
  line-height: 21px;
  color: #101010;
}
.section_manual .tit_section3 + .txt_section {
  margin-top: 13px;
}
.section_manual .tit_section4 {
  margin-top: 43px;
  font-size: 16px;
  line-height: 19px;
  color: #101010;
}
.section_manual .tit_section4 + .list_dot {
  margin-top: 14px;
}
.section_manual .tit_section4 + .txt_section {
  margin-top: 13px;
}
/* 2023-12-12 수정 시작 */
.section_manual .step_num {
  display: block;
  margin-bottom: 8px;
  font-weight: 700;
  font-size: 32px;
  line-height: 38px;
}
/* 2026-02-11 수정 */
.section_manual .subtit_section {
  display: inline-block;
  position: relative;
  margin-top: 13px;
  padding: 18px 20px;
  border-radius: 16px;
  font-weight: 700;
  font-size: 16px;
  line-height: 19px;
  color: #474c5c;
  background-color: #eef1fc;
  vertical-align: top;
}
/* 2023-12-12 수정 끝 */
.section_manual .subtit_section:before {
  position: absolute;
  left: -1px;
  top: -3px;
  width: 15px;
  height: 13px;
  background: url("//t1.daumcdn.net/media/common/algorism_2022/ico_tail.svg")
    no-repeat 0 0;
  content: "";
}
.section_manual .txt_section {
  overflow: hidden;
  max-width: 800px;
  margin-top: 20px;
  font-size: 17px;
  line-height: 26px;
  word-break: break-all;
}
/* 2026-02-11 수정 */
/* 2026-02-11 수정 */
.section_manual .txt_section2 {
  overflow: hidden;
  max-width: 800px;
  margin-top: 20px;
  font-size: 16px;
  line-height: 24px;
  word-break: break-all;
}
.section_manual .txt_connect {
  display: block;
  overflow: hidden;
  max-width: 800px;
  margin-top: 20px;
  font-size: 14px;
  line-height: 24px;
  color: #888;
  word-break: break-all;
}
/* 2024-12-26 추가 */
.section_manual .tit_thumb {
  display: block;
  margin: 20px 0 9px;
  font-weight: 700;
}
/* 2022-09-07 수정 */
.section_manual .box_thumb {
  overflow: hidden;
  border-radius: 16px;
  background-color: #f5f7fc;
}
.list_connect {
  display: flex;
  overflow: hidden;
  max-width: 800px;
  margin-top: 20px;
  font-size: 0;
  word-break: break-all;
}
/* 2023-12-12 수정 시작 */
.list_connect dt {
  display: inline-block;
  margin-right: 10px;
  font-size: 14px;
  line-height: 17px;
  vertical-align: top;
  color: #888;
}
/* 2026-02-12 수정 */
.list_connect dd {
  display: inline-block;
  vertical-align: top;
}
.list_connect .txt_connect {
  font-size: 14px;
  color: #888;
  margin: 0 6px 0 3px;
}
/* 2023-12-20 수정 */
.list_connect .txt_g {
  display: inline;
  margin-right: 4px;
  font-size: 14px;
  line-height: 24px;
  color: #888;
}
/* 2025-09-19 추가 */
.list_connect .link_txt {
  font-size: 14px;
  line-height: 17px;
  color: #4881f7;
}
/* 2026-02-11 수정 */
/* 2023-12-12 수정 끝 */
.list_connect + .txt_section {
  margin-top: 31px;
}
.list_connect2 {
  overflow: hidden;
  max-width: 800px;
  margin-top: 20px;
  font-size: 14px;
  line-height: 17px;
  color: #888;
}
.list_connect2 dt,
.list_connect2 dd {
  display: inline;
}
.list_connect2 + .txt_section {
  margin-top: 31px;
}
.connect_type2 dt,
.connect_type2 dd {
  font-weight: 700;
  font-size: 16px;
  line-height: 19px;
  color: #101010;
}
/* 2022-09-07 추가 */
.list_dot {
  max-width: 800px;
  margin-top: 11px;
  word-break: break-all;
}
.list_dot li {
  position: relative;
  padding-left: 10px;
  margin-top: 6px;
  font-size: 14px;
  line-height: 21px;
  color: #101010;
}
.list_dot li:before {
  position: absolute;
  left: 0;
  top: 8px;
  width: 4px;
  height: 4px;
  border-radius: 100%;
  background-color: #888;
  content: "";
}
.list_dot li:first-child {
  margin-top: 0;
}
.list_qna {
  max-width: 800px;
  margin-top: 40px;
  font-size: 17px;
  line-height: 24px;
  word-break: break-all;
}
.list_qna dt {
  font-weight: 700;
}
.list_qna dd {
  margin-top: 10px;
}
.list_qna .tit_answer {
  font-weight: 700;
}
.manual_step2 .box_thumb {
  float: right;
  width: 320px;
}
.manual_step2 .box_thumb .thumb_g {
  max-width: 320px;
}
.manual_step2 .txt_section {
  width: 580px;
}
.manual_step3 .box_thumb.thumb1 {
  float: right;
  width: 320px;
}
.manual_step3 .box_thumb.thumb1 .thumb_g {
  max-width: 320px;
}
.manual_step3 .box_thumb.thumb2 {
  float: left;
  width: 100%;
  margin: 75px 0 0 0;
}
.manual_step3 .txt_section {
  width: 580px;
}
.manual_step4a .box_thumb {
  float: right;
  width: 450px;
}
.manual_step4a .box_thumb .thumb_g {
  max-width: 450px;
}
.manual_step4a:after,
.manual_step4b:after,
.manual_step4c:after {
  display: block;
  clear: both;
  content: "";
}
.manual_step4a .txt_section,
.manual_step4a .list_connect,
.manual_step4a .list_dot {
  width: 450px;
}
.manual_step4b .box_thumb,
.manual_step4c .box_thumb {
  margin-top: 20px;
}
.manual_step4c .desc_c2_wrap {
  margin: 50px 0;
}
.manual_step4c .desc_c2_wrap:after {
  display: block;
  clear: both;
  content: "";
}
.manual_step4c .desc_c2_wrap .box_thumb {
  float: right;
  width: 450px;
  margin-top: 0;
}
.manual_step4c .desc_c2_wrap .txt_section {
  width: 450px;
}
.manual_step5 .box_thumb {
  width: 100%;
  margin: 20px auto 0;
}
.manual_step5 .list_connect2 ~ .box_thumb {
  margin-top: 40px;
}
/* box_guide */
.box_guide {
  max-width: 800px;
  padding: 19px 20px 21px;
  border-radius: 16px;
  box-sizing: border-box;
  margin-top: 21px;
  background-color: rgba(0, 0, 0, 0.04);
  font-size: 14px;
  line-height: 20px;
}
.box_guide dt {
  font-weight: 700;
}
@media screen and (max-width: 959px) {
  .section_manual .box_thumb {
    margin-top: 20px;
  }
  .section_manual .tit_section2-2 {
    font-size: 22px;
  }
  /*.section_manual .txt_section{font-size:16px}*/
  /* 2026-02-11 삭제 */
  .section_manual .tit_thumb {
    font-size: 16px;
  }
  .list_dot li {
    font-size: 15px;
  }
  .list_qna {
    font-size: 16px;
  }
  .manual_step2 .box_thumb {
    float: none;
    width: auto;
  }
  .manual_step2 .txt_section {
    width: auto;
  }
  .manual_step3 .box_thumb.thumb1 {
    float: none;
    width: auto;
  }
  .manual_step3 .txt_section {
    width: auto;
  }
  .manual_step3 .box_thumb.thumb2 {
    margin-top: 20px;
  }
  .manual_step4a .box_thumb {
    float: none;
    width: auto;
  }
  .manual_step4a .txt_section,
  .manual_step4a .list_connect,
  .manual_step4a .list_dot {
    width: auto;
  }
  .manual_step4c .desc_c2_wrap {
    margin: 0;
  }
  .manual_step4c .desc_c2_wrap .box_thumb {
    float: none;
    width: auto;
    margin-top: 20px;
  }
  .manual_step4c .desc_c2_wrap .box_thumb .thumb_g {
    max-width: 450px;
  }
  .manual_step4c .desc_c2_wrap .txt_section {
    width: auto;
  }
  .section_manual_final {
    padding: 40px 0;
  }
  /* 2023-12-12 추가 */
}
@media screen and (max-width: 767px) {
  .manual_step3 .box_thumb.thumb2 .thumb_g {
    max-width: 320px;
  }
  .manual_step4b .box_thumb .thumb_g {
    max-width: 320px;
  }
  .manual_step4c .box_thumb .thumb_g {
    max-width: 320px;
  }
  .manual_step4c .desc_c2_wrap .box_thumb .thumb_g {
    max-width: 320px;
  }
  .manual_step5 .box_thumb .thumb_g {
    max-width: 320px;
  }
}
/* 다양성보고서 */
.wrap_report .doc-header {
  background-color: #b7c7ff;
  background-image: url("//t1.daumcdn.net/media/common/algorism_2022/rtn/bgvisual_report_pc.png");
}
.wrap_report .section_manual .box_thumb {
  margin-top: 20px;
}
@media screen and (max-width: 959px) {
  .wrap_report .doc-header {
    background-image: url("//t1.daumcdn.net/media/common/algorism_2022/rtn/bgvisual_report_t.png");
  }
}
@media screen and (max-width: 767px) {
  .wrap_report .doc-header {
    background-image: url("//t1.daumcdn.net/media/common/algorism_2022/rtn/bgvisual_report_m.png");
  }
}
/* 배열선택권 2.0 */
.wrap_select .doc-header {
  background-image: url("//t1.daumcdn.net/media/common/algorism_2022/rtn/bgvisual_select_pc.png");
  background-color: #e7c0ff;
}
.wrap_select .box_thumb {
  margin-top: 20px;
}
.wrap_select .list_num {
  max-width: 800px;
  margin-top: 20px;
  word-break: break-all;
}
.wrap_select .list_num li,
.wrap_select .list_dot li {
  font-size: 15px;
  line-height: 24px;
}
.wrap_select .list_dot li {
  margin-top: 0;
}
.wrap_select .list_dot {
  margin-top: 20px;
}
.wrap_select .tit_section3 {
  margin-top: 20px;
  font-size: 15px;
  line-height: 24px;
}
.wrap_select .tit_section3 + .txt_section {
  margin-top: 20px;
}
.wrap_select .txt_typemax {
  max-width: 100%;
}
.select_step2 .select_thumb2 {
  width: 480px;
  height: 367px;
}
.wrap_select .list_connect + .txt_section {
  margin-top: 20px;
}
/* 2023-12-20 수정 */
@media screen and (max-width: 959px) {
  .wrap_select .doc-header {
    background-image: url("//t1.daumcdn.net/media/common/algorism_2022/rtn/bgvisual_select_t.png");
  }
  .wrap_select .list_num li,
  .wrap_select .list_dot li {
    font-size: 16px;
  }
  .wrap_select .tit_section3 {
    font-size: 16px;
  }
  .select_step2 .select_thumb2 {
    width: 352px;
    height: 269px;
  }
}
@media screen and (max-width: 767px) {
  .wrap_select .doc-header {
    background-image: url("//t1.daumcdn.net/media/common/algorism_2022/rtn/bgvisual_select_m.png");
  }
  .select_step2 .select_thumb2 {
    width: 100%;
    height: auto;
  }
}
/** 다음뉴스 신규 입점 모델 **/
.wrap_model .doc-header {
  background-image: url("//t1.daumcdn.net/media/common/algorism_2022/rtn/bgvisual_model_pc.png");
  background-color: #919ce0;
}
.wrap_model .section_manual .box_thumb {
  margin-top: 20px;
}
.wrap_model .thumb1 {
  width: 472px;
  height: 402px;
}
.wrap_model .thumb6 {
  width: 472px;
  height: 356px;
}
.wrap_model .box_guide {
  padding: 19px 40px 40px;
}
.wrap_model .box_guide .tit_section2 {
  margin-top: 18px;
}
.wrap_model .box_guide .txt_section > strong {
  margin-right: 8px;
}
.wrap_model .tit_section5 {
  margin-top: 20px;
  font-size: 14px;
  line-height: 17px;
  font-weight: 700;
}
.wrap_model .list_dot li:before {
  background-color: #000;
}
.wrap_model .list_qna + .box_guide {
  margin-top: 40px;
}
.wrap_model .link_txt {
  color: #4881f7;
}
.wrap_model .list_connect + .txt_section {
  margin-top: 20px;
}
.wrap_model .box_thumb + .thumb6_1 {
  margin-top: 40px;
}
.wrap_model .area_tbl {
  padding-top: 20px;
}
.wrap_model .area_tbl .tit_caption {
  display: block;
  margin-bottom: 16px;
  font-size: 15px;
  line-height: 20px;
  color: #000;
  font-weight: 700;
}
.wrap_model .area_tbl .desc_tbl {
  margin-top: 16px;
  font-size: 12px;
  line-height: 18px;
  color: rgba(0, 0, 0, 0.48);
}
.wrap_model .area_tbl .tbl_info {
  position: relative;
  border-top: 1px solid #e1e1e1;
}
.wrap_model .area_tbl .tbl_info:after {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 1px;
  background-color: #e1e1e1;
  content: "";
}
.wrap_model .area_tbl .tbl_head {
  background-color: #f0f0f0;
}
.wrap_model .tbl_cell .br {
  display: none;
}
.wrap_model .area_tbl .tbl_head .tbl_cell {
  white-space: nowrap;
}
.wrap_model .tbl_row {
  display: flex;
  width: 100%;
}
.wrap_model .tbl_cell {
  display: flex;
  width: 37.71%;
  height: 44px;
  border-left: 1px solid #f5f5f5;
  border-bottom: 1px solid #f5f5f5;
  padding-left: 16px;
  align-items: center;
  background-color: rgba(255, 255, 255, 0.6);
  font-size: 14px;
  line-height: 16px;
  color: rgba(0, 0, 0, 0.88);
  box-sizing: border-box;
}
.wrap_model .tbl_row .tbl_cell:first-of-type {
  width: 24.58%;
  border-left: 0;
}
.wrap_model .tbl_head .tbl_cell {
  background-color: rgba(0, 0, 0, 0.02);
  font-weight: 700;
}
@media screen and (max-width: 959px) {
  .wrap_model .doc-header {
    background-image: url("//t1.daumcdn.net/media/common/algorism_2022/rtn/bgvisual_model_t.png");
  }
  .wrap_model .thumb1 {
    width: 362px;
    height: 308px;
  }
  .wrap_model .thumb6 {
    width: 362px;
    height: 273px;
  }
  .wrap_model .box_guide {
    padding: 6px 24px 40px;
  }
}
@media screen and (max-width: 767px) {
  .wrap_model .doc-header {
    background-image: url("//t1.daumcdn.net/media/common/algorism_2022/rtn/bgvisual_model_m.png");
  }
  .wrap_model .box_guide {
    padding: 6px 20px 24px;
  }
  .wrap_model .tbl_cell {
    padding-left: 8px;
    height: 38px;
  }
  .wrap_model .area_tbl .tbl_head .tbl_cell {
    height: 56px;
    flex-wrap: wrap;
  }
  .wrap_model .tbl_cell .br {
    display: block;
  }
}
/* 실시간 트렌드 서비스 설명서 */
/* 2026-02-11 추가 시작 */
.wrap_trend .doc-header {
  background-color: #cbbdf9;
  background-image: url("//t1.daumcdn.net/media/common/algorism_2022/rtn/bgvisual_trend_pc.png");
}
.wrap_trend .section_manual .box_thumb {
  margin-top: 20px;
}
/* 2026-02-12 추가 시작 */
/* 2026-02-20 수정 시작 */
.wrap_trend .area_manual {
  padding: 20px;
  margin-top: 20px;
  border-radius: 16px;
  background-color: #f5f7fc;
  box-sizing: border-box;
}
.wrap_trend .area_manual.type_txt {
  max-width: 800px;
  background-color: #eef1fc;
}
/* // 2026-02-20 수정 끝 */
.wrap_trend .area_manual.type_mt40 {
  margin-top: 40px;
}
.wrap_trend .area_manual .tit_section2-2 {
  margin-top: 0;
  color: #5d6bbc;
}
.wrap_trend .area_manual .tit_area {
  display: block;
  margin-top: 20px;
  font-size: 17px;
  line-height: 24px;
  color: #5d6bbc;
}
.wrap_trend .area_manual .tit_area2 {
  display: block;
  font-size: 17px;
  line-height: 24px;
}
.wrap_trend .area_manual .tit_area2 + .txt_section {
  margin-top: 10px;
}
.wrap_trend .area_manual .tit_area .num_txt {
  display: inline-block;
  width: 22px;
  height: 22px;
  margin: 1px 8px 0 0;
  border-radius: 100px;
  text-align: center;
  font-size: 15px;
  line-height: 22px;
  font-weight: bold;
  color: #fff;
  vertical-align: top;
  background-color: #5d6bbc;
}
.wrap_trend .area_manual .list_manual .tit_area {
  flex-shrink: 0;
  margin: 1px 10px 0 0;
}
.wrap_trend .area_manual .list_manual > li {
  display: flex;
  margin-top: 10px;
  font-size: 17px;
  line-height: 26px;
}
.wrap_trend .list_bullet {
  max-width: 800px;
  margin-top: 20px;
  word-break: break-all;
}
.wrap_trend .list_bullet li {
  position: relative;
  padding-left: 25px;
  font-size: 17px;
  line-height: 26px;
  color: #000;
}
.wrap_trend .list_bullet li::before {
  position: absolute;
  top: 11px;
  left: 11px;
  width: 3px;
  height: 3px;
  border-radius: 100%;
  background-color: #000;
  content: "";
}
.wrap_trend .list_bullet .txt_depth {
  display: block;
  position: relative;
  padding-left: 25px;
  color: rgba(0, 0, 0, 0.48);
}
.wrap_trend .list_bullet .txt_depth::before {
  position: absolute;
  top: 11px;
  left: 11px;
  width: 3px;
  height: 3px;
  border-radius: 100%;
  background-color: rgba(0, 0, 0, 0.48);
  content: "";
}
.wrap_trend .area_manual .list_bullet {
  margin-top: 0;
}
.wrap_trend .txt_question {
  display: block;
  padding-top: 40px;
  font-size: 17px;
  line-height: 26px;
  font-weight: bold;
}
.wrap_trend .txt_question:first-of-type {
  padding-top: 20px;
}
.wrap_trend .txt_question + .txt_section {
  margin-top: 10px;
}
.wrap_trend .txt_section .link_txt {
  color: #004bcc;
  text-decoration: none;
}
.wrap_trend .content-article {
  padding-bottom: 0;
}
.wrap_trend .doc-footer .txt_foot {
  display: block;
  font-size: 14px;
  line-height: 24px;
  color: #888;
}
/* // 2026-02-12 추가 끝 */
@media screen and (max-width: 959px) {
  .wrap_trend .doc-header {
    background-image: url("//t1.daumcdn.net/media/common/algorism_2022/rtn/bgvisual_trend_t.png");
  }
  .wrap_trend .doc-footer {
    text-align: left;
  }
  /* 2026-02-12 추가 */
}
@media screen and (max-width: 767px) {
  .wrap_trend .doc-header {
    background-image: url("//t1.daumcdn.net/media/common/algorism_2022/rtn/bgvisual_trend_m.png");
  }
}
/* // 2026-02-11 추가 끝 */
/* 댓글 2.0 설명서 */
html:has(.wrap_cmt) {
  scroll-padding-top: 67px;
  scroll-behavior: smooth;
}
.wrap_cmt .doc-header {
  background-image: url("//t1.daumcdn.net/media/common/algorism_2022/rtn/bgvisual_cmt_pc.png");
  background-color: #e6d2f5;
}
.wrap_cmt .doc-main .content-article {
  padding-bottom: 0;
}
.wrap_cmt .doc-footer {
  padding-top: 20px;
}
.wrap_cmt .box_thumb {
  margin-top: 20px;
}
.wrap_cmt .tit_section3 + .txt_section {
  margin-top: 2px;
}
.wrap_cmt .txt_section + .tit_section3 {
  margin-top: 20px;
}
.wrap_cmt .thumb3 {
  max-width: 480px;
}
.wrap_cmt .thumb4_3,
.wrap_cmt .thumb4_5,
.wrap_cmt .thumb4_7 {
  max-width: 580px;
}
.wrap_cmt .tit_section + .list_qna {
  margin-top: 20px;
}
.wrap_cmt strong.txt_section {
  display: block;
}
.wrap_cmt .box_guide {
  padding: 40px;
}
.wrap_cmt .box_guide .tit_section2 {
  margin-top: 0;
}
.wrap_cmt .box_guide .list_connect {
  display: block;
}
.wrap_cmt .box_guide .list_connect dd {
  display: block;
  margin-top: 20px;
  font-size: 0;
  line-height: 0;
}
.wrap_cmt .box_guide .list_connect dd:first-child {
  margin-top: 0;
}
.wrap_cmt .list_connect .txt_refer {
  font-size: 17px;
  line-height: 24px;
  color: #000;
}
.wrap_cmt .list_connect .txt_refer .num_step,
.wrap_cmt .list_connect .txt_refer .link_txt {
  color: #004bcc;
}
.wrap_cmt .list_connect .txt_refer .link_txt {
  font-size: 17px;
  line-height: 24px;
}
.doc-footer .link_axz {
  display: block;
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  vertical-align: top;
  color: #888;
  text-align: left;
}
@media screen and (max-width: 959px) {
  .wrap_cmt .doc-header {
    background-image: url("//t1.daumcdn.net/media/common/algorism_2022/rtn/bgvisual_cmt_t.png");
  }
  .wrap_cmt .doc-footer {
    padding-top: 0;
  }
  .wrap_cmt .doc-footer .inner_foot {
    padding-left: 32px;
  }
  .wrap_cmt .box_guide {
    padding: 24px;
  }
  html:has(.wrap_cmt) {
    scroll-padding-top: 55px;
  }
}
@media screen and (max-width: 767px) {
  .wrap_cmt .doc-header {
    background-image: url("//t1.daumcdn.net/media/common/algorism_2022/rtn/bgvisual_cmt_m.png");
  }
  .wrap_cmt .doc-footer .inner_foot {
    padding-left: 16px;
  }
  .wrap_cmt .box_guide {
    padding: 20px;
  }
}