{"version":3,"sources":["boot/_reset.scss","style.css","common/_layout.scss","boot/_mixins.scss","common/_utility.scss","components/_breadcrumbs.scss","components/_contents_box.scss","components/_pagination.scss","pages/main.scss","pages/_lists.scss","pages/_board-detail.scss"],"names":[],"mappings":"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F,MACE,OAAA,gBAJF,MACE,MAAA,gBAEF,MACE,OAAA,gBAJF,MACE,MAAA,gBAEF,MACE,OAAA,gBAJF,MACE,MAAA,gBAEF,MACE,OAAA,gBAJF,MACE,MAAA,gBAEF,MACE,OAAA,gBAJF,MACE,MAAA,gBAEF,MACE,OAAA,gBAJF,MACE,MAAA,gBAEF,MACE,OAAA,gBAJF,MACE,MAAA,gBAEF,MACE,OAAA,gBAJF,MACE,MAAA,gBAEF,MACE,OAAA,gBAJF,MACE,MAAA,gBAEF,MACE,OAAA,gBAJF,MACE,MAAA,gBAEF,MACE,OAAA,gBAJF,MACE,MAAA,gBAEF,MACE,OAAA,gBAJF,MACE,MAAA,gBAEF,MACE,OAAA,gBAJF,MACE,MAAA,gBAEF,MACE,OAAA,gBAJF,MACE,MAAA,gBAEF,MACE,OAAA,gBAJF,MACE,MAAA,gBAEF,MACE,OAAA,gBAJF,MACE,MAAA,gBAEF,MACE,OAAA,gBAJF,MACE,MAAA,gBAEF,MACE,OAAA,gBAJF,MACE,MAAA,gBAEF,MACE,OAAA,gBAJF,MACE,MAAA,gBAEF,MACE,OAAA,gBAJF,MACE,MAAA,gBAEF,MACE,OAAA,gBAJF,MACE,MAAA,gBAEF,MACE,OAAA,gBAJF,MACE,MAAA,gBAEF,MACE,OAAA,gBAJF,MACE,MAAA,gBAEF,MACE,OAAA,gBAJF,MACE,MAAA,gBAEF,MACE,OAAA,gBAJF,MACE,MAAA,gBAEF,MACE,OAAA,gBAJF,MACE,MAAA,gBAEF,MACE,OAAA,gBAJF,MACE,MAAA,gBAEF,MACE,OAAA,gBAJF,MACE,MAAA,gBAEF,MACE,OAAA,gBAJF,MACE,MAAA,gBAEF,MACE,OAAA,gBAJF,MACE,MAAA,gBAEF,MACE,OAAA,gBAJF,MACE,MAAA,gBAEF,MACE,OAAA,gBAJF,MACE,MAAA,gBAEF,MACE,OAAA,gBAJF,MACE,MAAA,gBAEF,MACE,OAAA,gBAJF,MACE,MAAA,gBAEF,MACE,OAAA,gBAJF,MACE,MAAA,gBAEF,MACE,OAAA,gBAJF,MACE,MAAA,gBAEF,MACE,OAAA,gBAJF,MACE,MAAA,gBAEF,MACE,OAAA,gBAJ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","file":"style.min.css","sourcesContent":["/**********************************************************************************************************************\r\n * RESET\r\n ***********************************************************************************************************************/\r\n*,\r\n*::before,\r\n*::after {\r\n  box-sizing: border-box;\r\n}\r\n\r\nhtml {\r\n  font-family: $font-family-base; // 2\r\n  line-height: 1.15; // 3\r\n  -webkit-text-size-adjust: 100%; // 4\r\n  -ms-text-size-adjust: 100%; // 4\r\n  -ms-overflow-style: scrollbar; // 5\r\n  -webkit-tap-highlight-color: rgba(#000, 0); // 6\r\n}\r\n\r\n// IE10+ 에서 viewport 메타 태그가 먹지않는경우를 대비\r\n@at-root {\r\n  @-ms-viewport {\r\n    width: device-width;\r\n  }\r\n}\r\n\r\narticle, aside, figcaption, figure, footer, header, hgroup, main, nav, section {\r\n  display: block;\r\n}\r\n\r\nbody {\r\n  margin: 0;\r\n  font-family: $font-family-base;\r\n  font-size: $font-size-base;\r\n  font-weight: $font-weight-base;\r\n  line-height: $line-height-base;\r\n  color: $body-color;\r\n  text-align: left;\r\n  background-color: $body-bg-color;\r\n}\r\n\r\n[tabindex=\"-1\"]:focus {\r\n  outline: 0 !important;\r\n}\r\n\r\nhr {\r\n  box-sizing: content-box;\r\n  height: 0;\r\n  overflow: visible;\r\n}\r\n\r\nh1, h2, h3, h4, h5, h6 {\r\n  margin:0;\r\n  font-family:$font-family-heading;\r\n  line-height:$line-height-base;\r\n}\r\n\r\np {\r\n  margin:0;\r\n}\r\n\r\nabbr[title],\r\nabbr[data-original-title] {\r\n  text-decoration: underline;\r\n  text-decoration: underline dotted;\r\n  cursor: help; // 3\r\n  border-bottom: 0; // 1\r\n}\r\n\r\naddress {\r\n  margin:0;\r\n  font-style: normal;\r\n  line-height: inherit;\r\n}\r\n\r\nol,\r\nul,\r\ndl {\r\n  margin:0;\r\n  list-style:none;\r\n  padding:0;\r\n}\r\n\r\n\r\nol ol,\r\nul ul,\r\nol ul,\r\nul ol {\r\n  margin:0;\r\n}\r\n\r\ndt {\r\n  font-weight: $font-weight-base;\r\n}\r\n\r\ndd {\r\n  margin:0;\r\n}\r\n\r\nblockquote {\r\n  margin:0;\r\n}\r\n\r\ndfn {\r\n  font-style: italic;\r\n}\r\n\r\nb,\r\nstrong {\r\n  font-weight: $font-weight-bold;\r\n}\r\n\r\nsmall {\r\n  font-size: 80%;\r\n}\r\n\r\nsub,\r\nsup {\r\n  position: relative;\r\n  font-size: 75%;\r\n  line-height: 0;\r\n  vertical-align: baseline;\r\n}\r\n\r\nsub { bottom: -.25em; }\r\nsup { top: -.5em; }\r\n\r\n// 링크\r\na {\r\n  color: $link-color;\r\n  text-decoration: none;\r\n  background-color: transparent;\r\n  -webkit-text-decoration-skip: objects;\r\n\r\n  &:hover {\r\n    color: $link-hover-color;\r\n    text-decoration:none;\r\n  }\r\n\r\n  &:not([href]):not([tabindedx]) {\r\n    color: inherit;\r\n    text-decoration: none;\r\n\r\n    &:hover,\r\n    &:focus {\r\n      color: inherit;\r\n      text-decoration: none;\r\n    }\r\n\r\n    &:focus {\r\n      outline: 0;\r\n    }\r\n  }\r\n}\r\n\r\n// 코드 관련\r\npre,\r\ncode,\r\nkbd,\r\nsamp {\r\n  font-family: $font-family-base;\r\n  font-size: 1em;\r\n}\r\n\r\npre {\r\n  margin:0;\r\n  overflow: auto;\r\n  -ms-overflow-style: scrollbar;\r\n}\r\n\r\n// 이미지 관련\r\nfigure {\r\n  margin: 0;\r\n}\r\n\r\nimg {\r\n  vertical-align: middle;\r\n  border-style: none;\r\n}\r\n\r\nsvg:not(:root) {\r\n  overflow: hidden;\r\n}\r\n\r\n// 테이블 관련\r\ntable {\r\n  border-collapse: collapse;\r\n}\r\n\r\ncaption {\r\n  padding-top: $table-cell-padding;\r\n  padding-bottom: $table-cell-padding;\r\n  color: $body-color;\r\n  text-align: left;\r\n  caption-side: bottom;\r\n}\r\n\r\nth {\r\n  text-align: inherit;\r\n}\r\n\r\n// 폼관련\r\nlabel {\r\n  display: inline-block;\r\n  margin:0;\r\n}\r\n\r\nbutton {\r\n  border-radius: 0;\r\n\r\n  &:focus {\r\n    outline: 1px dotted;\r\n    outline: 5px auto -webkit-focus-ring-color;\r\n  }\r\n}\r\n\r\ninput,\r\nbutton,\r\nselect,\r\noptgroup,\r\ntextarea {\r\n  margin: 0;\r\n  font-family: inherit;\r\n  font-size: inherit;\r\n  line-height: inherit;\r\n}\r\n\r\nbutton,\r\ninput {\r\n  overflow: visible;\r\n}\r\n\r\nbutton,\r\nselect {\r\n  text-transform: none;\r\n}\r\n\r\nbutton,\r\nhtml [type=\"button\"],\r\n[type=\"reset\"],\r\n[type=\"submit\"] {\r\n  -webkit-appearance: button;\r\n}\r\n\r\nbutton::-moz-focus-inner,\r\n[type=\"button\"]::-moz-focus-inner,\r\n[type=\"reset\"]::-moz-focus-inner,\r\n[type=\"submit\"]::-moz-focus-inner {\r\n  padding: 0;\r\n  border-style: none;\r\n}\r\n\r\ninput[type=\"radio\"],\r\ninput[type=\"checkbox\"] {\r\n  box-sizing: border-box;\r\n  padding: 0;\r\n}\r\n\r\ninput[type=\"date\"],\r\ninput[type=\"time\"],\r\ninput[type=\"datetime-local\"],\r\ninput[type=\"month\"] {\r\n  -webkit-appearance: listbox;\r\n}\r\n\r\ntextarea {\r\n  overflow: auto;\r\n  resize: vertical;\r\n}\r\n\r\nfieldset {\r\n  min-width: 0;\r\n  padding: 0;\r\n  margin: 0;\r\n  border: 0;\r\n}\r\n\r\nlegend {\r\n  display: block;\r\n  width: 100%;\r\n  max-width: 100%;\r\n  padding: 0;\r\n  margin:0;\r\n  font-size: 1.5rem;\r\n  line-height: inherit;\r\n  color: inherit;\r\n  white-space: normal;\r\n}\r\n\r\nprogress {\r\n  vertical-align: baseline;\r\n}\r\n\r\n[type=\"number\"]::-webkit-inner-spin-button,\r\n[type=\"number\"]::-webkit-outer-spin-button {\r\n  height: auto;\r\n}\r\n\r\n[type=\"search\"] {\r\n  outline-offset: -2px;\r\n  -webkit-appearance: none;\r\n}\r\n\r\n[type=\"search\"]::-webkit-search-cancel-button,\r\n[type=\"search\"]::-webkit-search-decoration {\r\n  -webkit-appearance: none;\r\n}\r\n\r\n\r\n::-webkit-file-upload-button {\r\n  font: inherit;\r\n  -webkit-appearance: button;\r\n}\r\n\r\n\r\noutput {\r\n  display: inline-block;\r\n}\r\n\r\nsummary {\r\n  display: list-item;\r\n  cursor: pointer;\r\n}\r\n\r\ntemplate {\r\n  display: none;\r\n}\r\n\r\n[hidden] {\r\n  display: none !important;\r\n}\r\n","@charset \"UTF-8\";\n/***************************************************************************************\n * 폰트\n ****************************************************************************************/\n/**********************************************************************************************************************\n * RESET\n ***********************************************************************************************************************/\n*,\n*::before,\n*::after {\n  box-sizing: border-box;\n}\n\nhtml {\n  font-family: \"Pretendard Variable\", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, \"Helvetica Neue\", \"Segoe UI\", \"Apple SD Gothic Neo\", \"Noto Sans KR\", \"Malgun Gothic\", \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", sans-serif;\n  line-height: 1.15;\n  -webkit-text-size-adjust: 100%;\n  -ms-text-size-adjust: 100%;\n  -ms-overflow-style: scrollbar;\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n}\n\n@-ms-viewport {\n  width: device-width;\n}\narticle, aside, figcaption, figure, footer, header, hgroup, main, nav, section {\n  display: block;\n}\n\nbody {\n  margin: 0;\n  font-family: \"Pretendard Variable\", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, \"Helvetica Neue\", \"Segoe UI\", \"Apple SD Gothic Neo\", \"Noto Sans KR\", \"Malgun Gothic\", \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", sans-serif;\n  font-size: 16px;\n  font-weight: 500;\n  line-height: 1.5em;\n  color: #212529;\n  text-align: left;\n  background-color: #FFFFFF;\n}\n\n[tabindex=\"-1\"]:focus {\n  outline: 0 !important;\n}\n\nhr {\n  box-sizing: content-box;\n  height: 0;\n  overflow: visible;\n}\n\nh1, h2, h3, h4, h5, h6 {\n  margin: 0;\n  font-family: \"Pretendard Variable\", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, \"Helvetica Neue\", \"Segoe UI\", \"Apple SD Gothic Neo\", \"Noto Sans KR\", \"Malgun Gothic\", \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", sans-serif;\n  line-height: 1.5em;\n}\n\np {\n  margin: 0;\n}\n\nabbr[title],\nabbr[data-original-title] {\n  text-decoration: underline;\n  text-decoration: underline dotted;\n  cursor: help;\n  border-bottom: 0;\n}\n\naddress {\n  margin: 0;\n  font-style: normal;\n  line-height: inherit;\n}\n\nol,\nul,\ndl {\n  margin: 0;\n  list-style: none;\n  padding: 0;\n}\n\nol ol,\nul ul,\nol ul,\nul ol {\n  margin: 0;\n}\n\ndt {\n  font-weight: 500;\n}\n\ndd {\n  margin: 0;\n}\n\nblockquote {\n  margin: 0;\n}\n\ndfn {\n  font-style: italic;\n}\n\nb,\nstrong {\n  font-weight: 700;\n}\n\nsmall {\n  font-size: 80%;\n}\n\nsub,\nsup {\n  position: relative;\n  font-size: 75%;\n  line-height: 0;\n  vertical-align: baseline;\n}\n\nsub {\n  bottom: -0.25em;\n}\n\nsup {\n  top: -0.5em;\n}\n\na {\n  color: #212529;\n  text-decoration: none;\n  background-color: transparent;\n  -webkit-text-decoration-skip: objects;\n}\na:hover {\n  color: #282828;\n  text-decoration: none;\n}\na:not([href]):not([tabindedx]) {\n  color: inherit;\n  text-decoration: none;\n}\na:not([href]):not([tabindedx]):hover, a:not([href]):not([tabindedx]):focus {\n  color: inherit;\n  text-decoration: none;\n}\na:not([href]):not([tabindedx]):focus {\n  outline: 0;\n}\n\npre,\ncode,\nkbd,\nsamp {\n  font-family: \"Pretendard Variable\", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, \"Helvetica Neue\", \"Segoe UI\", \"Apple SD Gothic Neo\", \"Noto Sans KR\", \"Malgun Gothic\", \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", sans-serif;\n  font-size: 1em;\n}\n\npre {\n  margin: 0;\n  overflow: auto;\n  -ms-overflow-style: scrollbar;\n}\n\nfigure {\n  margin: 0;\n}\n\nimg {\n  vertical-align: middle;\n  border-style: none;\n}\n\nsvg:not(:root) {\n  overflow: hidden;\n}\n\ntable {\n  border-collapse: collapse;\n}\n\ncaption {\n  padding-top: 0.75rem;\n  padding-bottom: 0.75rem;\n  color: #212529;\n  text-align: left;\n  caption-side: bottom;\n}\n\nth {\n  text-align: inherit;\n}\n\nlabel {\n  display: inline-block;\n  margin: 0;\n}\n\nbutton {\n  border-radius: 0;\n}\nbutton:focus {\n  outline: 1px dotted;\n  outline: 5px auto -webkit-focus-ring-color;\n}\n\ninput,\nbutton,\nselect,\noptgroup,\ntextarea {\n  margin: 0;\n  font-family: inherit;\n  font-size: inherit;\n  line-height: inherit;\n}\n\nbutton,\ninput {\n  overflow: visible;\n}\n\nbutton,\nselect {\n  text-transform: none;\n}\n\nbutton,\nhtml [type=button],\n[type=reset],\n[type=submit] {\n  -webkit-appearance: button;\n}\n\nbutton::-moz-focus-inner,\n[type=button]::-moz-focus-inner,\n[type=reset]::-moz-focus-inner,\n[type=submit]::-moz-focus-inner {\n  padding: 0;\n  border-style: none;\n}\n\ninput[type=radio],\ninput[type=checkbox] {\n  box-sizing: border-box;\n  padding: 0;\n}\n\ninput[type=date],\ninput[type=time],\ninput[type=datetime-local],\ninput[type=month] {\n  -webkit-appearance: listbox;\n}\n\ntextarea {\n  overflow: auto;\n  resize: vertical;\n}\n\nfieldset {\n  min-width: 0;\n  padding: 0;\n  margin: 0;\n  border: 0;\n}\n\nlegend {\n  display: block;\n  width: 100%;\n  max-width: 100%;\n  padding: 0;\n  margin: 0;\n  font-size: 1.5rem;\n  line-height: inherit;\n  color: inherit;\n  white-space: normal;\n}\n\nprogress {\n  vertical-align: baseline;\n}\n\n[type=number]::-webkit-inner-spin-button,\n[type=number]::-webkit-outer-spin-button {\n  height: auto;\n}\n\n[type=search] {\n  outline-offset: -2px;\n  -webkit-appearance: none;\n}\n\n[type=search]::-webkit-search-cancel-button,\n[type=search]::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n::-webkit-file-upload-button {\n  font: inherit;\n  -webkit-appearance: button;\n}\n\noutput {\n  display: inline-block;\n}\n\nsummary {\n  display: list-item;\n  cursor: pointer;\n}\n\ntemplate {\n  display: none;\n}\n\n[hidden] {\n  display: none !important;\n}\n\n/***************************************************************************************\n * 애니메이션\n ****************************************************************************************/\n/***************************************************************************************\n * 레이아웃\n ****************************************************************************************/\nhtml {\n  letter-spacing: -0.04em;\n  font-family: \"Pretendard Variable\", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, \"Helvetica Neue\", \"Segoe UI\", \"Apple SD Gothic Neo\", \"Noto Sans KR\", \"Malgun Gothic\", \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", sans-serif;\n  overflow-x: hidden;\n  font-size: 24px;\n}\n@media screen and (max-width: 1920px) {\n  html {\n    font-size: 1.25vw;\n  }\n}\n@media screen and (max-width: 768px) {\n  html {\n    font-size: 6.6666666667vw;\n  }\n  html body {\n    background-color: #f1f1f1;\n  }\n}\n\n#header {\n  width: 100%;\n  background-color: #fff;\n}\n#header .logo-box {\n  width: 100%;\n  height: 1.875rem;\n  -webkit-display: flex;\n  display: -ms-flex;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n}\n#header .logo-box #logo {\n  width: 7.1875rem;\n  height: 1.125rem;\n}\n#header .logo-box .link {\n  width: 3.8125rem;\n  height: 1.125rem;\n  border: 0.0625rem solid #dadada;\n  font-size: 0.4375rem;\n  border-radius: 1.125rem;\n  -webkit-display: flex;\n  display: -ms-flex;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  line-height: 1;\n}\n@media screen and (max-width: 768px) {\n  #header {\n    display: none;\n  }\n}\n\n.mobile-header {\n  display: none;\n}\n@media screen and (max-width: 768px) {\n  .mobile-header {\n    display: flex;\n    width: 100%;\n    height: 4.4166666667rem;\n    align-items: center;\n    padding: 0 1rem;\n  }\n}\n.mobile-header .mobile-logo {\n  width: 6.9166666667rem;\n  height: 1.8541666667rem;\n  background-size: 100% 100%;\n  background-repeat: no-repeat;\n  background-image: url(../images/common/on-air.png);\n  margin-left: auto;\n  margin-right: auto;\n  text-indent: -9999px;\n}\n.mobile-header .m-button {\n  display: block;\n  background-size: auto 100%;\n  background-repeat: no-repeat;\n  width: 1.1666666667rem;\n  height: 0.9166666667rem;\n  background-position: center;\n  border: 0 none;\n  background-color: transparent;\n  text-indent: -9999px;\n}\n.mobile-header .m-button.toggle-menu {\n  background-image: url(../images/common/btn-menu.png);\n}\n.mobile-header .m-button.toggle-search {\n  background-image: url(../images/common/btn-search.png);\n}\n.mobile-header .m-button.close-menu {\n  background-image: url(../images/common/btn-menu-close.png);\n}\n\n#mobile-left-menu {\n  display: none;\n  width: 100%;\n  height: 100%;\n  position: fixed;\n  top: 0;\n  left: 0;\n  -webkit-transform: translateZ(0);\n  background: #f8f8f8;\n}\n@media screen and (max-width: 768px) {\n  #mobile-left-menu.opened {\n    display: block;\n    z-index: 99;\n  }\n}\n\n@media screen and (max-width: 768px) {\n  body:has(#mobile-left-menu.opened) {\n    overflow-y: hidden;\n    max-height: 100%;\n  }\n}\n\n.container {\n  width: 100%;\n  max-width: 60rem;\n  margin: 0 auto;\n  padding: 0 5rem;\n}\n\n@media screen and (max-width: 768px) {\n  .container {\n    width: 100%;\n    padding: 0;\n  }\n}\n.mobile-nav {\n  padding: 0;\n  margin: 0;\n}\n.mobile-nav > ul {\n  list-style: none;\n  padding: 0;\n  margin: 0;\n  background-color: #fff;\n}\n.mobile-nav > ul > li > a {\n  background-color: #02205b;\n  padding: 0 1.25rem;\n  display: flex;\n  align-items: center;\n  height: 2.1666666667rem;\n  font-size: 0.75rem;\n  color: #fff;\n  font-weight: 500;\n  border-bottom: 0.0208333333rem solid #1d3667;\n}\n.mobile-nav > ul > li > a:after {\n  content: \"\";\n  display: block;\n  width: 0.5208333333rem;\n  height: 0.2916666667rem;\n  margin-left: auto;\n  background-size: 100%;\n  background-image: url(../images/common/chevron-down.png);\n  background-repeat: no-repeat;\n  transform: rotate(180deg);\n}\n.mobile-nav > ul > li > a.active:after {\n  background-image: url(../images/common/chevron-down.png);\n  transform: rotate(0deg);\n}\n.mobile-nav > ul > li > ul {\n  display: none;\n  flex-wrap: wrap;\n}\n.mobile-nav > ul > li > ul.open {\n  -webkit-display: flex;\n  display: -ms-flex;\n  display: flex;\n}\n.mobile-nav > ul > li > ul > li {\n  width: 50%;\n  border-right: 1px solid #cccccc;\n  border-bottom: 1px solid #cccccc;\n}\n.mobile-nav > ul > li > ul > li > a {\n  display: flex;\n  height: 1.6875rem;\n  justify-content: center;\n  align-items: center;\n  font-size: 0.6666666667rem;\n  font-weight: 500;\n  color: #111111;\n}\n.mobile-nav > ul > li > ul > li:nth-child(2n) {\n  border-right: 0;\n}\n.mobile-nav .btn-more {\n  color: #868686;\n  font-size: 0.5716666667rem;\n  border: 0.0625rem solid #868686;\n  width: 4.5833333333rem;\n  height: 1.1041666667rem;\n  border-radius: 1.1041666667rem;\n  -webkit-display: flex;\n  display: -ms-flex;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin: 0.9375rem auto;\n}\n\n#nav {\n  width: 10.5625rem;\n}\n#nav .family-list {\n  margin-top: 0.75rem;\n  position: relative;\n  background-color: #fff;\n  border: 0.0625rem solid #c8c8c8;\n  width: 10.5625rem;\n  height: 9.875rem;\n  border-radius: 0.9375rem;\n  padding: 1.875rem 1.4375rem 0 1.4375rem;\n}\n#nav .family-list:before {\n  content: \"국민연금공단 SNS 바로가기\";\n  font-size: 0.84375rem;\n  font-weight: 700;\n  position: absolute;\n  width: 100%;\n  text-align: center;\n  left: 0;\n  top: 0.6875rem;\n  line-height: 1;\n}\n#nav .family-list .item a {\n  -webkit-display: flex;\n  display: -ms-flex;\n  display: flex;\n  align-items: center;\n  position: relative;\n  padding-left: 3rem;\n  font-size: 0.8125rem;\n  height: 2.375rem;\n  line-height: 1;\n}\n#nav .family-list .item a:before {\n  content: \"\";\n  display: block;\n  width: 2.1875rem;\n  height: 2.1875rem;\n  border-radius: 0.625rem;\n  background-color: #02256c;\n  position: absolute;\n  left: 0;\n  top: 50%;\n  transform: translate(0, -50%);\n}\n#nav .family-list .item a:after {\n  content: \"\";\n  position: absolute;\n  left: 0;\n  top: 50%;\n  transform: translate(0, -50%);\n  background-size: cover;\n}\n#nav .family-list .item.tv > a:after {\n  width: 1.3125rem;\n  height: 1.3125rem;\n  left: 0.4375rem;\n  background-color: transparent;\n  background-image: url(\"../images/common/tv.png\");\n  background-repeat: no-repeat;\n  background-position-x: center;\n  background-position-y: center;\n}\n#nav .family-list .item.instagram > a:after {\n  width: 1.3125rem;\n  height: 1.3125rem;\n  left: 0.4375rem;\n  background-color: transparent;\n  background-image: url(\"../images/common/instagram.png\");\n  background-repeat: no-repeat;\n  background-position-x: center;\n  background-position-y: center;\n}\n#nav .family-list .item.blog > a:after {\n  width: 1.3125rem;\n  height: 1.3125rem;\n  left: 0.4375rem;\n  background-color: transparent;\n  background-image: url(\"../images/common/blog.png\");\n  background-repeat: no-repeat;\n  background-position-x: center;\n  background-position-y: center;\n}\n@media screen and (max-width: 768px) {\n  #nav {\n    width: 100%;\n  }\n  #nav .menu-list,\n  #nav .family-list {\n    display: none;\n  }\n  #nav .search-box {\n    display: none;\n    width: 100%;\n    border: 0;\n    padding: 0;\n    height: auto;\n    background-color: transparent;\n    top: 3.6458333333rem;\n  }\n  #nav .search-box.open {\n    display: block;\n    z-index: 98;\n  }\n  #nav .search-box .link {\n    display: none;\n    width: 0;\n    height: 0;\n  }\n  #nav .search-box .search-form {\n    margin-top: 0;\n  }\n  #nav .search-box .search-form .input {\n    border-radius: 0;\n    border: 0;\n    border-top: 0.0625rem solid #02256c;\n    border-bottom: 0.0625rem solid #02256c;\n  }\n  #nav .search-box:before {\n    background-image: none;\n    width: 0;\n    height: 0;\n  }\n}\n\n#contents {\n  background-color: #f1f1f1;\n  padding: 1.6875rem 0 1.25rem 0;\n}\n@media screen and (max-width: 768px) {\n  #contents {\n    padding: 0 0.6875rem;\n  }\n}\n\n#footer {\n  background-color: #959595;\n  padding: 1.5625rem 0 2.1875rem 0;\n}\n#footer .logo-box {\n  display: block;\n  width: 7.8125rem;\n  height: 1.25rem;\n  margin: 0 auto;\n}\n#footer .logo-box #logo {\n  width: 7.8125rem;\n  height: 1.25rem;\n}\n#footer .footer-info {\n  -webkit-display: flex;\n  display: -ms-flex;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin-top: 0.3125rem;\n  line-height: 1.5;\n}\n#footer .footer-info dl {\n  -webkit-display: flex;\n  display: -ms-flex;\n  display: flex;\n  align-items: center;\n}\n#footer .footer-info dl + dl {\n  margin-left: 0.3125rem;\n}\n#footer .footer-info dl dt {\n  font-weight: 500;\n  font-size: 0.625rem;\n  color: #fff;\n}\n#footer .footer-info dl dd {\n  font-weight: 500;\n  font-size: 0.625rem;\n  color: #fff;\n}\n#footer .footer-info dl dd > br {\n  display: none;\n}\n#footer .copyright {\n  text-align: center;\n  font-weight: 500;\n  font-size: 0.5rem;\n  margin-top: 0.9375rem;\n  color: #fff;\n  width: 100%;\n  line-height: 1;\n}\n@media screen and (max-width: 768px) {\n  #footer {\n    padding: 0.9166666667rem 0.6875rem 1.25rem 0.6875rem;\n    -webkit-display: flex;\n    display: -ms-flex;\n    display: flex;\n    flex-direction: column;\n  }\n  #footer .footer-info {\n    order: 1;\n    flex-wrap: wrap;\n  }\n  #footer .footer-info dl {\n    order: 3;\n  }\n  #footer .footer-info dl:first-child {\n    order: 1;\n  }\n  #footer .footer-info dl:last-child {\n    order: 2;\n  }\n  #footer .footer-info dl + dl {\n    margin-left: 0.1875rem;\n  }\n  #footer .footer-info dl dt {\n    font-size: 0.5416666667rem;\n    display: inline-flex;\n  }\n  #footer .footer-info dl dd {\n    font-size: 0.5416666667rem;\n    display: inline-flex;\n    text-align: center;\n    line-height: 1.35;\n  }\n  #footer .footer-info dl dd > br {\n    display: block;\n  }\n  #footer .logo-box {\n    order: 2;\n    width: 6.4375rem;\n    height: 1.0208333333rem;\n    margin: 0.7291666667rem auto;\n    background-color: transparent;\n    background-image: url(\"../images/common/footer-logo.png\");\n    background-repeat: no-repeat;\n    background-position-x: center;\n    background-position-y: center;\n    background-size: cover;\n  }\n  #footer .logo-box #logo {\n    display: none;\n  }\n  #footer .copyright {\n    order: 3;\n    font-size: 0.5416666667rem;\n  }\n}\n\n/**\n * 좌측 로고&검색박스\n */\n.search-box {\n  width: 10.5625rem;\n  height: 8.4375rem;\n  background-color: #fff;\n  padding: 1.875rem 0.75rem 1.25rem 0.75rem;\n  border-radius: 0.9375rem;\n  position: relative;\n  box-sizing: border-box;\n  border: 0.0625rem solid #c8c8c8;\n}\n.search-box .link {\n  background-color: transparent;\n  background-image: url(\"../images/common/on-air.png\");\n  background-repeat: no-repeat;\n  background-position-x: center;\n  background-position-y: center;\n  background-size: 8.875rem 2.375rem;\n  width: 8.875rem;\n  height: 2.375rem;\n  display: block;\n  text-indent: -9999px;\n  overflow: hidden;\n}\n.search-box .search-form {\n  width: 100%;\n  position: relative;\n  margin-top: 1.25rem;\n  overflow: hidden;\n  line-height: 1;\n}\n.search-box .search-form .input {\n  width: 100%;\n  height: 1.6875rem;\n  border-radius: 2.4375rem;\n  border: 0.0625rem solid #26356b;\n  padding: 0.3125rem 1.5rem 0.3125rem 0.75rem;\n  box-sizing: border-box;\n  font-size: 0.845rem;\n  line-height: 1;\n}\n.search-box .search-form .search-btn {\n  width: 1rem;\n  height: 1.6875rem;\n  position: absolute;\n  right: 0.3125rem;\n  top: 0;\n  border: none;\n  background-color: transparent;\n  padding: 0;\n  cursor: pointer;\n  line-height: 1.6875rem;\n  -webkit-display: flex;\n  display: -ms-flex;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.search-box .search-form .search-btn:focus {\n  outline: none;\n}\n.search-box .search-form .search-btn .icon {\n  font-size: 1rem;\n  color: #26356b;\n}\n@media screen and (max-width: 768px) {\n  .search-box {\n    position: absolute;\n    left: 0;\n    top: 0;\n  }\n}\n\n/**\n * 좌측 메뉴\n */\n.menu-list {\n  border-radius: 0.9375rem;\n  width: 10.5625rem;\n  margin-top: 0.75rem;\n  border: 0.0625rem solid #c8c8c8;\n}\n.menu-list .item {\n  position: relative;\n}\n.menu-list .item .link {\n  display: block;\n  padding: 0.78125rem 0;\n  font-size: 0.845rem;\n  text-align: center;\n  line-height: 1;\n  transition: background-color 0.3s ease, color 0.3s ease;\n  background-color: #fff;\n}\n.menu-list .item:first-child .link {\n  border-radius: 0.9375rem 0.9375rem 0 0;\n}\n.menu-list .item:last-child .link {\n  border-radius: 0 0 0.9375rem 0.9375rem;\n}\n.menu-list .item + .item {\n  border-top: 0.0625rem solid #cccccc;\n}\n.menu-list .item:hover .link, .menu-list .item.active .link {\n  background-color: #02256c;\n  color: #fff;\n}\n.menu-list .item:hover .submenu {\n  display: block;\n}\n.menu-list .item .submenu {\n  position: absolute;\n  left: 100%;\n  top: 0;\n  z-index: 10;\n  display: none;\n}\n.menu-list .item .submenu li + li {\n  margin-top: -1px;\n}\n.menu-list .item .submenu li a {\n  display: flex;\n  border: 1px solid #cccccc;\n  width: 9.5625rem;\n  height: 2.4375rem;\n  justify-content: center;\n  align-items: center;\n  background-color: #fff;\n  transition: background-color 0.3s ease;\n  font-weight: 500;\n  font-size: 0.84625rem;\n}\n.menu-list .item .submenu li:hover a, .menu-list .item .submenu li.active a {\n  background-color: #ccc;\n}\n.menu-list .item .submenu li:first-child a {\n  border-radius: 0.9375rem 0.9375rem 0 0;\n}\n.menu-list .item .submenu li:last-child a {\n  border-radius: 0 0 0.9375rem 0.9375rem;\n}\n\n/**\n * 서브페이지\n */\n.sub-main {\n  width: 100%;\n  display: flex;\n}\n.sub-main .left-nav {\n  width: 10.625rem;\n  flex-shrink: 0;\n  margin-right: 1rem;\n}\n@media screen and (max-width: 768px) {\n  .sub-main .left-nav {\n    margin-right: 0;\n    width: 0;\n    flex-shrink: initial;\n  }\n  .sub-main .left-nav .search-box {\n    display: none;\n    width: 100%;\n    border: 0;\n    padding: 0;\n    height: auto;\n    background-color: transparent;\n    top: 3.6458333333rem;\n  }\n  .sub-main .left-nav .search-box.open {\n    display: block;\n    z-index: 98;\n  }\n  .sub-main .left-nav .search-box .link {\n    display: none;\n    width: 0;\n    height: 0;\n  }\n  .sub-main .left-nav .search-box .search-form {\n    margin-top: 0;\n  }\n  .sub-main .left-nav .search-box .search-form .input {\n    border-radius: 0;\n    border: 0;\n    border-top: 0.0625rem solid #02256c;\n    border-bottom: 0.0625rem solid #02256c;\n  }\n  .sub-main .left-nav .menu-list {\n    display: none;\n  }\n}\n.sub-main .page-contents {\n  flex: 1;\n  min-width: 0;\n  position: relative;\n}\n\n.sns-sub {\n  display: none;\n  position: relative;\n  top: inherit;\n  left: inherit;\n  right: inherit;\n  text-align: center;\n  padding: 0.625rem 0.9375rem;\n  max-width: 10.4166666667rem;\n  width: 100%;\n  margin: 0.625rem auto 0 auto;\n}\n@media screen and (max-width: 768px) {\n  .sns-sub {\n    display: block;\n  }\n}\n.sns-sub:before {\n  content: \"\";\n  position: absolute;\n  width: 200%;\n  height: 100%;\n  background-color: #fff;\n  top: 0;\n  left: 50%;\n  transform: translate(-50%, 0);\n}\n.sns-sub li {\n  display: inline-block;\n  margin: 0.1041666667rem;\n}\n.sns-sub li a {\n  width: 1.25rem;\n  height: 1.25rem;\n  border-radius: 50%;\n  background: #bcc0c9;\n  display: block;\n  position: relative;\n  transition: 0.2s;\n}\n.sns-sub li a svg {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  width: 0.8333333333rem;\n  height: 0.8333333333rem;\n  transform: translate(-50%, -50%);\n  fill: #fff;\n}\n\n.page-contents.detail .sns-sub:before {\n  background-color: transparent;\n}\n\n.move-top {\n  position: absolute;\n  bottom: 0.625rem;\n  right: -6.25rem;\n  z-index: 1;\n  width: 2.75rem;\n  height: 2.75rem;\n  font-size: 0;\n  background: rgb(255, 255, 255);\n  transition: 0.2s;\n  box-shadow: 2px 3px 8px rgba(0, 0, 0, 0.15);\n  border-radius: 50%;\n}\n@media screen and (max-width: 768px) {\n  .move-top {\n    display: none;\n  }\n}\n.move-top svg {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  width: 1.25rem;\n  height: 1.25rem;\n  transform: translate(-50%, -50%);\n  fill: #666A70;\n  transition: 0.2s;\n}\n.move-top :hover svg {\n  transform: translate(-50%, -70%);\n}\n\n/***************************************************************************************\n * 유틸리티\n ****************************************************************************************/\n.sr-only {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  padding: 0;\n  overflow: hidden;\n  clip: rect(0, 0, 0, 0);\n  white-space: nowrap;\n  border: 0;\n}\n.sr-only.sr-only-focusable:active, .sr-only.sr-only-focusable:focus {\n  position: static;\n  width: auto;\n  height: auto;\n  overflow: visible;\n  clip: auto;\n  white-space: normal;\n}\n\n.clearfix, .clearfix:before, .clearfix:after {\n  display: block;\n  clear: both;\n  content: \"\";\n}\n\n.W5 {\n  width: 5px !important;\n}\n\n.H5 {\n  height: 5px !important;\n}\n\n.W10 {\n  width: 10px !important;\n}\n\n.H10 {\n  height: 10px !important;\n}\n\n.W15 {\n  width: 15px !important;\n}\n\n.H15 {\n  height: 15px !important;\n}\n\n.W20 {\n  width: 20px !important;\n}\n\n.H20 {\n  height: 20px !important;\n}\n\n.W25 {\n  width: 25px !important;\n}\n\n.H25 {\n  height: 25px !important;\n}\n\n.W30 {\n  width: 30px !important;\n}\n\n.H30 {\n  height: 30px !important;\n}\n\n.W35 {\n  width: 35px !important;\n}\n\n.H35 {\n  height: 35px !important;\n}\n\n.W40 {\n  width: 40px !important;\n}\n\n.H40 {\n  height: 40px !important;\n}\n\n.W45 {\n  width: 45px !important;\n}\n\n.H45 {\n  height: 45px !important;\n}\n\n.W50 {\n  width: 50px !important;\n}\n\n.H50 {\n  height: 50px !important;\n}\n\n.W55 {\n  width: 55px !important;\n}\n\n.H55 {\n  height: 55px !important;\n}\n\n.W60 {\n  width: 60px !important;\n}\n\n.H60 {\n  height: 60px !important;\n}\n\n.W65 {\n  width: 65px !important;\n}\n\n.H65 {\n  height: 65px !important;\n}\n\n.W70 {\n  width: 70px !important;\n}\n\n.H70 {\n  height: 70px !important;\n}\n\n.W75 {\n  width: 75px !important;\n}\n\n.H75 {\n  height: 75px !important;\n}\n\n.W80 {\n  width: 80px !important;\n}\n\n.H80 {\n  height: 80px !important;\n}\n\n.W85 {\n  width: 85px !important;\n}\n\n.H85 {\n  height: 85px !important;\n}\n\n.W90 {\n  width: 90px !important;\n}\n\n.H90 {\n  height: 90px !important;\n}\n\n.W95 {\n  width: 95px !important;\n}\n\n.H95 {\n  height: 95px !important;\n}\n\n.W100 {\n  width: 100px !important;\n}\n\n.H100 {\n  height: 100px !important;\n}\n\n.W105 {\n  width: 105px !important;\n}\n\n.H105 {\n  height: 105px !important;\n}\n\n.W110 {\n  width: 110px !important;\n}\n\n.H110 {\n  height: 110px !important;\n}\n\n.W115 {\n  width: 115px !important;\n}\n\n.H115 {\n  height: 115px !important;\n}\n\n.W120 {\n  width: 120px !important;\n}\n\n.H120 {\n  height: 120px !important;\n}\n\n.W125 {\n  width: 125px !important;\n}\n\n.H125 {\n  height: 125px !important;\n}\n\n.W130 {\n  width: 130px !important;\n}\n\n.H130 {\n  height: 130px !important;\n}\n\n.W135 {\n  width: 135px !important;\n}\n\n.H135 {\n  height: 135px !important;\n}\n\n.W140 {\n  width: 140px !important;\n}\n\n.H140 {\n  height: 140px !important;\n}\n\n.W145 {\n  width: 145px !important;\n}\n\n.H145 {\n  height: 145px !important;\n}\n\n.W150 {\n  width: 150px !important;\n}\n\n.H150 {\n  height: 150px !important;\n}\n\n.W155 {\n  width: 155px !important;\n}\n\n.H155 {\n  height: 155px !important;\n}\n\n.W160 {\n  width: 160px !important;\n}\n\n.H160 {\n  height: 160px !important;\n}\n\n.W165 {\n  width: 165px !important;\n}\n\n.H165 {\n  height: 165px !important;\n}\n\n.W170 {\n  width: 170px !important;\n}\n\n.H170 {\n  height: 170px !important;\n}\n\n.W175 {\n  width: 175px !important;\n}\n\n.H175 {\n  height: 175px !important;\n}\n\n.W180 {\n  width: 180px !important;\n}\n\n.H180 {\n  height: 180px !important;\n}\n\n.W185 {\n  width: 185px !important;\n}\n\n.H185 {\n  height: 185px !important;\n}\n\n.W190 {\n  width: 190px !important;\n}\n\n.H190 {\n  height: 190px !important;\n}\n\n.W195 {\n  width: 195px !important;\n}\n\n.H195 {\n  height: 195px !important;\n}\n\n.W200 {\n  width: 200px !important;\n}\n\n.H200 {\n  height: 200px !important;\n}\n\n.W205 {\n  width: 205px !important;\n}\n\n.H205 {\n  height: 205px !important;\n}\n\n.W210 {\n  width: 210px !important;\n}\n\n.H210 {\n  height: 210px !important;\n}\n\n.W215 {\n  width: 215px !important;\n}\n\n.H215 {\n  height: 215px !important;\n}\n\n.W220 {\n  width: 220px !important;\n}\n\n.H220 {\n  height: 220px !important;\n}\n\n.W225 {\n  width: 225px !important;\n}\n\n.H225 {\n  height: 225px !important;\n}\n\n.W230 {\n  width: 230px !important;\n}\n\n.H230 {\n  height: 230px !important;\n}\n\n.W235 {\n  width: 235px !important;\n}\n\n.H235 {\n  height: 235px !important;\n}\n\n.W240 {\n  width: 240px !important;\n}\n\n.H240 {\n  height: 240px !important;\n}\n\n.W245 {\n  width: 245px !important;\n}\n\n.H245 {\n  height: 245px !important;\n}\n\n.W250 {\n  width: 250px !important;\n}\n\n.H250 {\n  height: 250px !important;\n}\n\n.W255 {\n  width: 255px !important;\n}\n\n.H255 {\n  height: 255px !important;\n}\n\n.W260 {\n  width: 260px !important;\n}\n\n.H260 {\n  height: 260px !important;\n}\n\n.W265 {\n  width: 265px !important;\n}\n\n.H265 {\n  height: 265px !important;\n}\n\n.W270 {\n  width: 270px !important;\n}\n\n.H270 {\n  height: 270px !important;\n}\n\n.W275 {\n  width: 275px !important;\n}\n\n.H275 {\n  height: 275px !important;\n}\n\n.W280 {\n  width: 280px !important;\n}\n\n.H280 {\n  height: 280px !important;\n}\n\n.W285 {\n  width: 285px !important;\n}\n\n.H285 {\n  height: 285px !important;\n}\n\n.W290 {\n  width: 290px !important;\n}\n\n.H290 {\n  height: 290px !important;\n}\n\n.W295 {\n  width: 295px !important;\n}\n\n.H295 {\n  height: 295px !important;\n}\n\n.W300 {\n  width: 300px !important;\n}\n\n.H300 {\n  height: 300px !important;\n}\n\n.W305 {\n  width: 305px !important;\n}\n\n.H305 {\n  height: 305px !important;\n}\n\n.W310 {\n  width: 310px !important;\n}\n\n.H310 {\n  height: 310px !important;\n}\n\n.W315 {\n  width: 315px !important;\n}\n\n.H315 {\n  height: 315px !important;\n}\n\n.W320 {\n  width: 320px !important;\n}\n\n.H320 {\n  height: 320px !important;\n}\n\n.W325 {\n  width: 325px !important;\n}\n\n.H325 {\n  height: 325px !important;\n}\n\n.W330 {\n  width: 330px !important;\n}\n\n.H330 {\n  height: 330px !important;\n}\n\n.W335 {\n  width: 335px !important;\n}\n\n.H335 {\n  height: 335px !important;\n}\n\n.W340 {\n  width: 340px !important;\n}\n\n.H340 {\n  height: 340px !important;\n}\n\n.W345 {\n  width: 345px !important;\n}\n\n.H345 {\n  height: 345px !important;\n}\n\n.W350 {\n  width: 350px !important;\n}\n\n.H350 {\n  height: 350px !important;\n}\n\n.W355 {\n  width: 355px !important;\n}\n\n.H355 {\n  height: 355px !important;\n}\n\n.W360 {\n  width: 360px !important;\n}\n\n.H360 {\n  height: 360px !important;\n}\n\n.W365 {\n  width: 365px !important;\n}\n\n.H365 {\n  height: 365px !important;\n}\n\n.W370 {\n  width: 370px !important;\n}\n\n.H370 {\n  height: 370px !important;\n}\n\n.W375 {\n  width: 375px !important;\n}\n\n.H375 {\n  height: 375px !important;\n}\n\n.W380 {\n  width: 380px !important;\n}\n\n.H380 {\n  height: 380px !important;\n}\n\n.W385 {\n  width: 385px !important;\n}\n\n.H385 {\n  height: 385px !important;\n}\n\n.W390 {\n  width: 390px !important;\n}\n\n.H390 {\n  height: 390px !important;\n}\n\n.W395 {\n  width: 395px !important;\n}\n\n.H395 {\n  height: 395px !important;\n}\n\n.W400 {\n  width: 400px !important;\n}\n\n.H400 {\n  height: 400px !important;\n}\n\n.W405 {\n  width: 405px !important;\n}\n\n.H405 {\n  height: 405px !important;\n}\n\n.W410 {\n  width: 410px !important;\n}\n\n.H410 {\n  height: 410px !important;\n}\n\n.W415 {\n  width: 415px !important;\n}\n\n.H415 {\n  height: 415px !important;\n}\n\n.W420 {\n  width: 420px !important;\n}\n\n.H420 {\n  height: 420px !important;\n}\n\n.W425 {\n  width: 425px !important;\n}\n\n.H425 {\n  height: 425px !important;\n}\n\n.W430 {\n  width: 430px !important;\n}\n\n.H430 {\n  height: 430px !important;\n}\n\n.W435 {\n  width: 435px !important;\n}\n\n.H435 {\n  height: 435px !important;\n}\n\n.W440 {\n  width: 440px !important;\n}\n\n.H440 {\n  height: 440px !important;\n}\n\n.W445 {\n  width: 445px !important;\n}\n\n.H445 {\n  height: 445px !important;\n}\n\n.W450 {\n  width: 450px !important;\n}\n\n.H450 {\n  height: 450px !important;\n}\n\n.W455 {\n  width: 455px !important;\n}\n\n.H455 {\n  height: 455px !important;\n}\n\n.W460 {\n  width: 460px !important;\n}\n\n.H460 {\n  height: 460px !important;\n}\n\n.W465 {\n  width: 465px !important;\n}\n\n.H465 {\n  height: 465px !important;\n}\n\n.W470 {\n  width: 470px !important;\n}\n\n.H470 {\n  height: 470px !important;\n}\n\n.W475 {\n  width: 475px !important;\n}\n\n.H475 {\n  height: 475px !important;\n}\n\n.W480 {\n  width: 480px !important;\n}\n\n.H480 {\n  height: 480px !important;\n}\n\n.W485 {\n  width: 485px !important;\n}\n\n.H485 {\n  height: 485px !important;\n}\n\n.W490 {\n  width: 490px !important;\n}\n\n.H490 {\n  height: 490px !important;\n}\n\n.W495 {\n  width: 495px !important;\n}\n\n.H495 {\n  height: 495px !important;\n}\n\n.M0 {\n  margin: 0px !important;\n}\n\n.MT0 {\n  margin-top: 0px !important;\n}\n\n.MR0 {\n  margin-right: 0px !important;\n}\n\n.MB0 {\n  margin-bottom: 0px !important;\n}\n\n.ML0 {\n  margin-left: 0px !important;\n}\n\n.PT0 {\n  padding-top: 0px !important;\n}\n\n.PR0 {\n  padding-right: 0px !important;\n}\n\n.PB0 {\n  padding-bottom: 0px !important;\n}\n\n.PL0 {\n  padding-left: 0px !important;\n}\n\n.P0 {\n  padding: 0px !important;\n}\n\n.M5 {\n  margin: 5px !important;\n}\n\n.MT5 {\n  margin-top: 5px !important;\n}\n\n.MR5 {\n  margin-right: 5px !important;\n}\n\n.MB5 {\n  margin-bottom: 5px !important;\n}\n\n.ML5 {\n  margin-left: 5px !important;\n}\n\n.PT5 {\n  padding-top: 5px !important;\n}\n\n.PR5 {\n  padding-right: 5px !important;\n}\n\n.PB5 {\n  padding-bottom: 5px !important;\n}\n\n.PL5 {\n  padding-left: 5px !important;\n}\n\n.P5 {\n  padding: 5px !important;\n}\n\n.M10 {\n  margin: 10px !important;\n}\n\n.MT10 {\n  margin-top: 10px !important;\n}\n\n.MR10 {\n  margin-right: 10px !important;\n}\n\n.MB10 {\n  margin-bottom: 10px !important;\n}\n\n.ML10 {\n  margin-left: 10px !important;\n}\n\n.PT10 {\n  padding-top: 10px !important;\n}\n\n.PR10 {\n  padding-right: 10px !important;\n}\n\n.PB10 {\n  padding-bottom: 10px !important;\n}\n\n.PL10 {\n  padding-left: 10px !important;\n}\n\n.P10 {\n  padding: 10px !important;\n}\n\n.M15 {\n  margin: 15px !important;\n}\n\n.MT15 {\n  margin-top: 15px !important;\n}\n\n.MR15 {\n  margin-right: 15px !important;\n}\n\n.MB15 {\n  margin-bottom: 15px !important;\n}\n\n.ML15 {\n  margin-left: 15px !important;\n}\n\n.PT15 {\n  padding-top: 15px !important;\n}\n\n.PR15 {\n  padding-right: 15px !important;\n}\n\n.PB15 {\n  padding-bottom: 15px !important;\n}\n\n.PL15 {\n  padding-left: 15px !important;\n}\n\n.P15 {\n  padding: 15px !important;\n}\n\n.M20 {\n  margin: 20px !important;\n}\n\n.MT20 {\n  margin-top: 20px !important;\n}\n\n.MR20 {\n  margin-right: 20px !important;\n}\n\n.MB20 {\n  margin-bottom: 20px !important;\n}\n\n.ML20 {\n  margin-left: 20px !important;\n}\n\n.PT20 {\n  padding-top: 20px !important;\n}\n\n.PR20 {\n  padding-right: 20px !important;\n}\n\n.PB20 {\n  padding-bottom: 20px !important;\n}\n\n.PL20 {\n  padding-left: 20px !important;\n}\n\n.P20 {\n  padding: 20px !important;\n}\n\n.M25 {\n  margin: 25px !important;\n}\n\n.MT25 {\n  margin-top: 25px !important;\n}\n\n.MR25 {\n  margin-right: 25px !important;\n}\n\n.MB25 {\n  margin-bottom: 25px !important;\n}\n\n.ML25 {\n  margin-left: 25px !important;\n}\n\n.PT25 {\n  padding-top: 25px !important;\n}\n\n.PR25 {\n  padding-right: 25px !important;\n}\n\n.PB25 {\n  padding-bottom: 25px !important;\n}\n\n.PL25 {\n  padding-left: 25px !important;\n}\n\n.P25 {\n  padding: 25px !important;\n}\n\n.M30 {\n  margin: 30px !important;\n}\n\n.MT30 {\n  margin-top: 30px !important;\n}\n\n.MR30 {\n  margin-right: 30px !important;\n}\n\n.MB30 {\n  margin-bottom: 30px !important;\n}\n\n.ML30 {\n  margin-left: 30px !important;\n}\n\n.PT30 {\n  padding-top: 30px !important;\n}\n\n.PR30 {\n  padding-right: 30px !important;\n}\n\n.PB30 {\n  padding-bottom: 30px !important;\n}\n\n.PL30 {\n  padding-left: 30px !important;\n}\n\n.P30 {\n  padding: 30px !important;\n}\n\n.M35 {\n  margin: 35px !important;\n}\n\n.MT35 {\n  margin-top: 35px !important;\n}\n\n.MR35 {\n  margin-right: 35px !important;\n}\n\n.MB35 {\n  margin-bottom: 35px !important;\n}\n\n.ML35 {\n  margin-left: 35px !important;\n}\n\n.PT35 {\n  padding-top: 35px !important;\n}\n\n.PR35 {\n  padding-right: 35px !important;\n}\n\n.PB35 {\n  padding-bottom: 35px !important;\n}\n\n.PL35 {\n  padding-left: 35px !important;\n}\n\n.P35 {\n  padding: 35px !important;\n}\n\n.M40 {\n  margin: 40px !important;\n}\n\n.MT40 {\n  margin-top: 40px !important;\n}\n\n.MR40 {\n  margin-right: 40px !important;\n}\n\n.MB40 {\n  margin-bottom: 40px !important;\n}\n\n.ML40 {\n  margin-left: 40px !important;\n}\n\n.PT40 {\n  padding-top: 40px !important;\n}\n\n.PR40 {\n  padding-right: 40px !important;\n}\n\n.PB40 {\n  padding-bottom: 40px !important;\n}\n\n.PL40 {\n  padding-left: 40px !important;\n}\n\n.P40 {\n  padding: 40px !important;\n}\n\n.M45 {\n  margin: 45px !important;\n}\n\n.MT45 {\n  margin-top: 45px !important;\n}\n\n.MR45 {\n  margin-right: 45px !important;\n}\n\n.MB45 {\n  margin-bottom: 45px !important;\n}\n\n.ML45 {\n  margin-left: 45px !important;\n}\n\n.PT45 {\n  padding-top: 45px !important;\n}\n\n.PR45 {\n  padding-right: 45px !important;\n}\n\n.PB45 {\n  padding-bottom: 45px !important;\n}\n\n.PL45 {\n  padding-left: 45px !important;\n}\n\n.P45 {\n  padding: 45px !important;\n}\n\n.M50 {\n  margin: 50px !important;\n}\n\n.MT50 {\n  margin-top: 50px !important;\n}\n\n.MR50 {\n  margin-right: 50px !important;\n}\n\n.MB50 {\n  margin-bottom: 50px !important;\n}\n\n.ML50 {\n  margin-left: 50px !important;\n}\n\n.PT50 {\n  padding-top: 50px !important;\n}\n\n.PR50 {\n  padding-right: 50px !important;\n}\n\n.PB50 {\n  padding-bottom: 50px !important;\n}\n\n.PL50 {\n  padding-left: 50px !important;\n}\n\n.P50 {\n  padding: 50px !important;\n}\n\n.M55 {\n  margin: 55px !important;\n}\n\n.MT55 {\n  margin-top: 55px !important;\n}\n\n.MR55 {\n  margin-right: 55px !important;\n}\n\n.MB55 {\n  margin-bottom: 55px !important;\n}\n\n.ML55 {\n  margin-left: 55px !important;\n}\n\n.PT55 {\n  padding-top: 55px !important;\n}\n\n.PR55 {\n  padding-right: 55px !important;\n}\n\n.PB55 {\n  padding-bottom: 55px !important;\n}\n\n.PL55 {\n  padding-left: 55px !important;\n}\n\n.P55 {\n  padding: 55px !important;\n}\n\n.M60 {\n  margin: 60px !important;\n}\n\n.MT60 {\n  margin-top: 60px !important;\n}\n\n.MR60 {\n  margin-right: 60px !important;\n}\n\n.MB60 {\n  margin-bottom: 60px !important;\n}\n\n.ML60 {\n  margin-left: 60px !important;\n}\n\n.PT60 {\n  padding-top: 60px !important;\n}\n\n.PR60 {\n  padding-right: 60px !important;\n}\n\n.PB60 {\n  padding-bottom: 60px !important;\n}\n\n.PL60 {\n  padding-left: 60px !important;\n}\n\n.P60 {\n  padding: 60px !important;\n}\n\n.M65 {\n  margin: 65px !important;\n}\n\n.MT65 {\n  margin-top: 65px !important;\n}\n\n.MR65 {\n  margin-right: 65px !important;\n}\n\n.MB65 {\n  margin-bottom: 65px !important;\n}\n\n.ML65 {\n  margin-left: 65px !important;\n}\n\n.PT65 {\n  padding-top: 65px !important;\n}\n\n.PR65 {\n  padding-right: 65px !important;\n}\n\n.PB65 {\n  padding-bottom: 65px !important;\n}\n\n.PL65 {\n  padding-left: 65px !important;\n}\n\n.P65 {\n  padding: 65px !important;\n}\n\n.M70 {\n  margin: 70px !important;\n}\n\n.MT70 {\n  margin-top: 70px !important;\n}\n\n.MR70 {\n  margin-right: 70px !important;\n}\n\n.MB70 {\n  margin-bottom: 70px !important;\n}\n\n.ML70 {\n  margin-left: 70px !important;\n}\n\n.PT70 {\n  padding-top: 70px !important;\n}\n\n.PR70 {\n  padding-right: 70px !important;\n}\n\n.PB70 {\n  padding-bottom: 70px !important;\n}\n\n.PL70 {\n  padding-left: 70px !important;\n}\n\n.P70 {\n  padding: 70px !important;\n}\n\n.M75 {\n  margin: 75px !important;\n}\n\n.MT75 {\n  margin-top: 75px !important;\n}\n\n.MR75 {\n  margin-right: 75px !important;\n}\n\n.MB75 {\n  margin-bottom: 75px !important;\n}\n\n.ML75 {\n  margin-left: 75px !important;\n}\n\n.PT75 {\n  padding-top: 75px !important;\n}\n\n.PR75 {\n  padding-right: 75px !important;\n}\n\n.PB75 {\n  padding-bottom: 75px !important;\n}\n\n.PL75 {\n  padding-left: 75px !important;\n}\n\n.P75 {\n  padding: 75px !important;\n}\n\n.M80 {\n  margin: 80px !important;\n}\n\n.MT80 {\n  margin-top: 80px !important;\n}\n\n.MR80 {\n  margin-right: 80px !important;\n}\n\n.MB80 {\n  margin-bottom: 80px !important;\n}\n\n.ML80 {\n  margin-left: 80px !important;\n}\n\n.PT80 {\n  padding-top: 80px !important;\n}\n\n.PR80 {\n  padding-right: 80px !important;\n}\n\n.PB80 {\n  padding-bottom: 80px !important;\n}\n\n.PL80 {\n  padding-left: 80px !important;\n}\n\n.P80 {\n  padding: 80px !important;\n}\n\n.M85 {\n  margin: 85px !important;\n}\n\n.MT85 {\n  margin-top: 85px !important;\n}\n\n.MR85 {\n  margin-right: 85px !important;\n}\n\n.MB85 {\n  margin-bottom: 85px !important;\n}\n\n.ML85 {\n  margin-left: 85px !important;\n}\n\n.PT85 {\n  padding-top: 85px !important;\n}\n\n.PR85 {\n  padding-right: 85px !important;\n}\n\n.PB85 {\n  padding-bottom: 85px !important;\n}\n\n.PL85 {\n  padding-left: 85px !important;\n}\n\n.P85 {\n  padding: 85px !important;\n}\n\n.M90 {\n  margin: 90px !important;\n}\n\n.MT90 {\n  margin-top: 90px !important;\n}\n\n.MR90 {\n  margin-right: 90px !important;\n}\n\n.MB90 {\n  margin-bottom: 90px !important;\n}\n\n.ML90 {\n  margin-left: 90px !important;\n}\n\n.PT90 {\n  padding-top: 90px !important;\n}\n\n.PR90 {\n  padding-right: 90px !important;\n}\n\n.PB90 {\n  padding-bottom: 90px !important;\n}\n\n.PL90 {\n  padding-left: 90px !important;\n}\n\n.P90 {\n  padding: 90px !important;\n}\n\n.M95 {\n  margin: 95px !important;\n}\n\n.MT95 {\n  margin-top: 95px !important;\n}\n\n.MR95 {\n  margin-right: 95px !important;\n}\n\n.MB95 {\n  margin-bottom: 95px !important;\n}\n\n.ML95 {\n  margin-left: 95px !important;\n}\n\n.PT95 {\n  padding-top: 95px !important;\n}\n\n.PR95 {\n  padding-right: 95px !important;\n}\n\n.PB95 {\n  padding-bottom: 95px !important;\n}\n\n.PL95 {\n  padding-left: 95px !important;\n}\n\n.P95 {\n  padding: 95px !important;\n}\n\n.M100 {\n  margin: 100px !important;\n}\n\n.MT100 {\n  margin-top: 100px !important;\n}\n\n.MR100 {\n  margin-right: 100px !important;\n}\n\n.MB100 {\n  margin-bottom: 100px !important;\n}\n\n.ML100 {\n  margin-left: 100px !important;\n}\n\n.PT100 {\n  padding-top: 100px !important;\n}\n\n.PR100 {\n  padding-right: 100px !important;\n}\n\n.PB100 {\n  padding-bottom: 100px !important;\n}\n\n.PL100 {\n  padding-left: 100px !important;\n}\n\n.P100 {\n  padding: 100px !important;\n}\n\n.W5P {\n  width: 5% !important;\n}\n\n.W10P {\n  width: 10% !important;\n}\n\n.W15P {\n  width: 15% !important;\n}\n\n.W20P {\n  width: 20% !important;\n}\n\n.W25P {\n  width: 25% !important;\n}\n\n.W30P {\n  width: 30% !important;\n}\n\n.W35P {\n  width: 35% !important;\n}\n\n.W40P {\n  width: 40% !important;\n}\n\n.W45P {\n  width: 45% !important;\n}\n\n.W50P {\n  width: 50% !important;\n}\n\n.W55P {\n  width: 55% !important;\n}\n\n.W60P {\n  width: 60% !important;\n}\n\n.W65P {\n  width: 65% !important;\n}\n\n.W70P {\n  width: 70% !important;\n}\n\n.W75P {\n  width: 75% !important;\n}\n\n.W80P {\n  width: 80% !important;\n}\n\n.W85P {\n  width: 85% !important;\n}\n\n.W90P {\n  width: 90% !important;\n}\n\n.W95P {\n  width: 95% !important;\n}\n\n.W100P {\n  width: 100% !important;\n}\n\n.text-left {\n  text-align: left !important;\n}\n\n.text-right {\n  text-align: right !important;\n}\n\n.text-center {\n  text-align: center !important;\n}\n\n.display-flex {\n  -webkit-display: flex;\n  display: -ms-flex;\n  display: flex;\n}\n.display-flex.align-center {\n  align-items: center;\n}\n.display-flex.justify-center {\n  justify-content: center;\n}\n.display-flex.dir-column {\n  flex-direction: column;\n}\n\n/***************************************************************************************\n * 아이콘\n ****************************************************************************************/\n/***************************************************************************************\n * 버튼\n ****************************************************************************************/\n.breadcrumb {\n  width: 100%;\n  margin: 0 0 0.3125rem 0;\n  padding: 0 0 0 11.625rem;\n}\n.breadcrumb ol {\n  list-style: none;\n  display: flex;\n  padding: 0;\n  margin: 0;\n}\n.breadcrumb ol li a, .breadcrumb ol li span {\n  color: #252525;\n  font-size: 0.875rem;\n  font-weight: 600;\n}\n.breadcrumb ol li + li a:before, .breadcrumb ol li + li span:before {\n  content: \">\";\n  color: #252525;\n  font-size: 0.875rem;\n  font-weight: 600;\n  margin: 0 0.1875rem;\n}\n@media screen and (max-width: 768px) {\n  .breadcrumb {\n    padding: 0;\n  }\n  .breadcrumb ol li a, .breadcrumb ol li span {\n    font-size: 0.625rem;\n  }\n  .breadcrumb ol li + li a:before, .breadcrumb ol li + li span:before {\n    font-size: 0.625rem;\n    margin: 0 0.25rem;\n  }\n}\n\n.contents-box {\n  background: #fff;\n  border-radius: 0.9375rem;\n  padding: 1rem 2rem;\n  margin: 0 0 1.25rem 0;\n}\n.contents-box .contents-header {\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n  border-bottom: 2px solid #02256c;\n  padding: 0.625rem 0;\n}\n.contents-box .contents-header .contents-title {\n  font-size: 1.5625rem;\n  color: #02256c;\n  font-weight: 600;\n  line-height: 1em;\n}\n@media screen and (max-width: 768px) {\n  .contents-box {\n    border-radius: 0.625rem;\n    padding: 0.6666666667rem 0.9375rem;\n    margin: 0 0 1.25rem 0;\n  }\n  .contents-box .contents-header {\n    border-bottom: 2px solid #02256c;\n    padding: 0.625rem 0;\n  }\n  .contents-box .contents-header .contents-title {\n    font-size: 0.8125rem;\n  }\n}\n\n.pagination {\n  display: block;\n  width: 100%;\n}\n.pagination ol {\n  width: 100%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n@media screen and (max-width: 768px) {\n  .pagination ol {\n    flex-direction: row;\n    flex-wrap: wrap;\n    margin-bottom: 0.9375rem;\n  }\n}\n.pagination ol li a, .pagination ol li span {\n  display: flex;\n  width: 1.75rem;\n  height: 1.75rem;\n  justify-content: center;\n  align-items: center;\n  border-radius: 100%;\n  color: #707070;\n  background-color: transparent;\n  transition: color 0.3s ease, background-color 0.3s ease;\n  cursor: pointer;\n}\n@media screen and (max-width: 768px) {\n  .pagination ol li a, .pagination ol li span {\n    width: 1.25rem;\n    height: 1.25rem;\n    font-size: 0.625rem;\n  }\n}\n.pagination ol li.active a, .pagination ol li.active span, .pagination ol li:not(.disabled):not(.active):hover a, .pagination ol li:not(.disabled):not(.active):hover span {\n  background-color: #02256c;\n  color: #fff;\n}\n.pagination ol li.active a, .pagination ol li.active span {\n  cursor: default;\n}\n.pagination ol li.disabled a, .pagination ol li.disabled span {\n  opacity: 0.4;\n  cursor: default;\n}\n\n/***************************************************************************************\n * 플러그인 커스텀\n ****************************************************************************************/\n/**********************************************************************************************************************\n * 메인페이지\n ***********************************************************************************************************************/\n#main {\n  width: 100%;\n}\n#main .box {\n  position: relative;\n  overflow: hidden;\n}\n#main .box .box-link {\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  left: 0;\n  top: 0;\n}\n#main .main-top {\n  -webkit-display: flex;\n  display: -ms-flex;\n  display: flex;\n  align-items: stretch;\n  justify-content: space-between;\n}\n@media screen and (max-width: 768px) {\n  #main .main-top {\n    flex-direction: column;\n  }\n}\n#main .main-top .line-01 {\n  width: 10.5625rem;\n}\n@media screen and (max-width: 768px) {\n  #main .main-top .line-01 #nav .menu-list,\n  #main .main-top .line-01 #nav .family-list {\n    display: none;\n  }\n}\n#main .main-top .line-02 {\n  width: 26rem;\n  -webkit-display: flex;\n  display: -ms-flex;\n  display: flex;\n  flex-direction: column;\n}\n#main .main-top .line-02 .top {\n  border: 0.0625rem solid #26356b;\n  border-radius: 0.9375rem;\n  width: 26.0625rem;\n  height: 14.625rem;\n  overflow: hidden;\n  background-size: cover;\n  position: relative;\n}\n#main .main-top .line-02 .bottom {\n  margin-top: 0.75rem;\n  -webkit-display: flex;\n  display: -ms-flex;\n  display: flex;\n  justify-content: space-between;\n  align-items: stretch;\n}\n#main .main-top .line-02 .bottom .left {\n  position: relative;\n  border-radius: 0.9375rem;\n  width: 14.3125rem;\n  height: 14.3125rem;\n  background-color: #33cc99;\n  overflow: hidden;\n  border: 0.0625rem solid #c8c8c8;\n}\n#main .main-top .line-02 .bottom .left .link {\n  width: 100%;\n  height: 100%;\n  padding: 0.9375rem;\n  -webkit-display: flex;\n  display: -ms-flex;\n  display: flex;\n  align-items: flex-start;\n  flex-direction: column;\n}\n#main .main-top .line-02 .bottom .left .link .title {\n  font-size: 2.301875rem;\n  font-weight: 800;\n  line-height: 1.15;\n  color: #fff;\n  font-family: \"Pretendard Variable\", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, \"Helvetica Neue\", \"Segoe UI\", \"Apple SD Gothic Neo\", \"Noto Sans KR\", \"Malgun Gothic\", \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", sans-serif;\n  padding-bottom: 1.75rem;\n  position: relative;\n}\n#main .main-top .line-02 .bottom .left .link .title:before {\n  content: \"\";\n  width: 4.125rem;\n  height: 0.3125rem;\n  background-color: #fff;\n  position: absolute;\n  left: 0;\n  bottom: 0.75rem;\n}\n#main .main-top .line-02 .bottom .left .link .date {\n  display: block;\n  margin-bottom: 0.75rem;\n}\n#main .main-top .line-02 .bottom .left .link .date > dd {\n  font-size: 1.140625rem;\n  color: #fff;\n}\n#main .main-top .line-02 .bottom .left .link .info {\n  padding: 0;\n}\n#main .main-top .line-02 .bottom .left .link .info li {\n  font-size: 0.951875rem;\n  color: #fff;\n  margin-bottom: 0.3125rem;\n  line-height: 1;\n}\n#main .main-top .line-02 .bottom .right .box {\n  border: 0.0625rem solid #c8c8c8;\n  border-radius: 0.9375rem;\n  position: relative;\n  background-size: cover;\n  overflow: hidden;\n}\n#main .main-top .line-02 .bottom .right .box.top {\n  width: 11.1875rem;\n  height: 6.6875rem;\n  overflow: hidden;\n}\n#main .main-top .line-02 .bottom .right .box.bottom {\n  width: 11.1875rem;\n  height: 6.9375rem;\n  overflow: hidden;\n}\n@media screen and (max-width: 768px) {\n  #main .main-top .line-02 {\n    width: 100%;\n    position: relative;\n  }\n  #main .main-top .line-02 .top {\n    width: 100%;\n    height: 7.6666666667rem;\n    border-radius: 0.4166666667rem;\n  }\n  #main .main-top .line-02 .bottom {\n    flex-direction: row-reverse;\n    margin-top: 0.4166666667rem;\n  }\n  #main .main-top .line-02 .bottom .left {\n    border-radius: 0.4166666667rem;\n    width: 6.4583333333rem;\n    height: 7.6458333333rem;\n    border: 0.0625rem solid #c8c8c8;\n  }\n  #main .main-top .line-02 .bottom .left .link {\n    padding: 0.4166666667rem;\n    -webkit-display: flex;\n    display: -ms-flex;\n    display: flex;\n    align-items: flex-start;\n    flex-direction: column;\n  }\n  #main .main-top .line-02 .bottom .left .link .title {\n    font-size: 1.1041666667rem;\n    font-family: \"Pretendard Variable\", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, \"Helvetica Neue\", \"Segoe UI\", \"Apple SD Gothic Neo\", \"Noto Sans KR\", \"Malgun Gothic\", \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", sans-serif;\n    padding-bottom: 1.0416666667rem;\n    position: relative;\n  }\n  #main .main-top .line-02 .bottom .left .link .title:before {\n    width: 2.0416666667rem;\n    height: 0.2083333333rem;\n    background-color: #fff;\n    bottom: 0.5rem;\n  }\n  #main .main-top .line-02 .bottom .left .link .date {\n    margin-bottom: 0.3125rem;\n  }\n  #main .main-top .line-02 .bottom .left .link .date > dd {\n    font-size: 0.5625rem;\n  }\n  #main .main-top .line-02 .bottom .left .link .info li {\n    font-size: 0.4583333333rem;\n    margin-bottom: 0.2083333333rem;\n  }\n  #main .main-top .line-02 .bottom .right .box {\n    border-radius: 0.4166666667rem;\n  }\n  #main .main-top .line-02 .bottom .right .box.top {\n    width: 6.9791666667rem;\n    height: 4.8958333333rem;\n    overflow: hidden;\n    position: absolute;\n    right: 0;\n    top: 16.1458333333rem;\n  }\n  #main .main-top .line-02 .bottom .right .box.bottom {\n    width: 6.625rem;\n    height: 7.6458333333rem;\n    overflow: hidden;\n    margin-top: 0;\n  }\n}\n#main .main-top .line-03 {\n  width: 11.9375rem;\n  -webkit-display: flex;\n  display: -ms-flex;\n  display: flex;\n  flex-direction: column;\n}\n#main .main-top .line-03 .top {\n  border: 0.0625rem solid #c8c8c8;\n  border-radius: 0.9375rem;\n  width: 11.9375rem;\n  height: 21.9375rem;\n  overflow: hidden;\n  background-size: cover;\n  background-position: center center;\n}\n#main .main-top .line-03 .bottom {\n  border-radius: 0.9375rem;\n  border: 0.0625rem solid #c8c8c8;\n  width: 12rem;\n  height: 7rem;\n  background-color: #ffb400;\n  margin-top: 0.75rem;\n}\n#main .main-top .line-03 .bottom .link {\n  -webkit-display: flex;\n  display: -ms-flex;\n  display: flex;\n  flex-direction: column;\n  padding: 0.625rem 0.625rem;\n}\n#main .main-top .line-03 .bottom .title {\n  font-size: 1.125rem;\n  font-weight: 800;\n  line-height: 1.15;\n  color: #fff;\n  font-family: \"Pretendard Variable\", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, \"Helvetica Neue\", \"Segoe UI\", \"Apple SD Gothic Neo\", \"Noto Sans KR\", \"Malgun Gothic\", \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", sans-serif;\n  padding-bottom: 1.75rem;\n  position: relative;\n  letter-spacing: -0.0625rem;\n}\n#main .main-top .line-03 .bottom .title:before {\n  content: \"\";\n  width: 4.125rem;\n  height: 0.3125rem;\n  background-color: #fff;\n  position: absolute;\n  left: 0;\n  bottom: 0.75rem;\n}\n#main .main-top .line-03 .bottom .sub-text {\n  font-size: 1.1475rem;\n  line-height: 1.3125rem;\n  width: 100%;\n  height: 2.625rem;\n  min-height: 2.625rem;\n  color: #fff;\n  word-wrap: break-word;\n  word-break: keep-all;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  display: -webkit-box;\n  -webkit-line-clamp: 2;\n  -webkit-box-orient: vertical;\n  min-width: 0;\n}\n@media screen and (max-width: 768px) {\n  #main .main-top .line-03 {\n    width: 100%;\n    margin-top: 0.4166666667rem;\n    flex-direction: row;\n    justify-content: space-between;\n  }\n  #main .main-top .line-03 .top {\n    border-radius: 0.4166666667rem;\n    width: 6.25rem;\n    height: 11.0416666667rem;\n  }\n  #main .main-top .line-03 .bottom {\n    border-radius: 0.4166666667rem;\n    width: 6.9791666667rem;\n    height: 5.75rem;\n    margin-top: 0.4166666667rem;\n    align-self: flex-end;\n    box-sizing: border-box;\n  }\n  #main .main-top .line-03 .bottom .link {\n    padding: 0.4166666667rem;\n  }\n  #main .main-top .line-03 .bottom .title {\n    font-size: 1.0625rem;\n    padding-bottom: 1.1666666667rem;\n    word-wrap: break-word;\n    word-break: keep-all;\n  }\n  #main .main-top .line-03 .bottom .title:before {\n    content: \"\";\n    width: 2.2291666667rem;\n    height: 0.1458333333rem;\n    background-color: #fff;\n    position: absolute;\n    left: 0;\n    bottom: 0.5rem;\n  }\n  #main .main-top .line-03 .bottom .sub-text {\n    font-size: 0.4583333333rem;\n    line-height: 0.625rem;\n    height: 1.25rem;\n    min-height: 1.25rem;\n    color: #fff;\n  }\n}\n#main .main-center {\n  margin: 0.9375rem 0 3.125rem 0;\n}\n#main .main-center .line-banner {\n  border: 0.0625rem solid #c8c8c8;\n  width: 100%;\n  height: 4.4375rem;\n  border-radius: 0.75rem;\n  background-position: center center;\n  overflow: hidden;\n  background-size: cover;\n}\n@media screen and (max-width: 768px) {\n  #main .main-center {\n    margin: 0.4166666667rem 0;\n  }\n  #main .main-center .line-banner {\n    width: 100%;\n    height: 1.3541666667rem;\n    border-radius: 0.4166666667rem;\n  }\n}\n#main .family-list.mobile {\n  display: none;\n}\n@media screen and (max-width: 768px) {\n  #main .family-list.mobile {\n    -webkit-display: flex;\n    display: -ms-flex;\n    display: flex;\n    justify-content: center;\n    width: 100%;\n    height: 2.5rem;\n    border-radius: 0.4166666667rem;\n    padding-top: 1.25rem;\n    position: relative;\n    background-color: #fff;\n    border: 0.0625rem solid #cccccc;\n    margin-bottom: 1.6666666667rem;\n  }\n  #main .family-list.mobile:before {\n    content: \"국민연금공단 SNS 바로가기\";\n    font-size: 0.5416666667rem;\n    font-weight: 700;\n    position: absolute;\n    width: 100%;\n    text-align: center;\n    left: 0;\n    top: 0.3125rem;\n    line-height: 1;\n  }\n  #main .family-list.mobile .item a {\n    -webkit-display: flex;\n    display: -ms-flex;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    position: relative;\n    padding-left: 0.9375rem;\n    font-size: 0.3854166667rem;\n    height: 0.8333333333rem;\n    line-height: 1;\n  }\n  #main .family-list.mobile .item a:before {\n    content: \"\";\n    display: block;\n    width: 0.8333333333rem;\n    height: 0.8333333333rem;\n    border-radius: 0.2083333333rem;\n    background-color: #02256c;\n    position: absolute;\n    left: 0;\n    top: 50%;\n    transform: translate(0, -50%);\n  }\n  #main .family-list.mobile .item a:after {\n    content: \"\";\n    position: absolute;\n    left: 0;\n    top: 50%;\n    transform: translate(0, -50%);\n    background-size: cover;\n  }\n  #main .family-list.mobile .item.tv > a:after {\n    width: 0.4583333333rem;\n    height: 0.4583333333rem;\n    margin-left: 0.1770833333rem;\n    background-color: transparent;\n    background-image: url(\"../images/common/tv.png\");\n    background-repeat: no-repeat;\n    background-position-x: center;\n    background-position-y: center;\n  }\n  #main .family-list.mobile .item.instagram {\n    margin-left: 1.0416666667rem;\n  }\n  #main .family-list.mobile .item.instagram > a:after {\n    width: 0.4583333333rem;\n    height: 0.4583333333rem;\n    margin-left: 0.1875rem;\n    background-color: transparent;\n    background-image: url(\"../images/common/instagram.png\");\n    background-repeat: no-repeat;\n    background-position-x: center;\n    background-position-y: center;\n  }\n  #main .family-list.mobile .item.blog {\n    margin-left: 1.0416666667rem;\n  }\n  #main .family-list.mobile .item.blog > a:after {\n    width: 0.4583333333rem;\n    height: 0.4583333333rem;\n    margin-left: 0.1770833333rem;\n    background-color: transparent;\n    background-image: url(\"../images/common/blog.png\");\n    background-repeat: no-repeat;\n    background-position-x: center;\n    background-position-y: center;\n  }\n}\n#main .main-bottom {\n  -webkit-display: flex;\n  display: -ms-flex;\n  display: flex;\n  justify-content: space-between;\n  position: relative;\n  z-index: 1;\n}\n@media screen and (max-width: 768px) {\n  #main .main-bottom {\n    flex-direction: column;\n  }\n}\n#main .main-bottom .title-box {\n  -webkit-display: flex;\n  display: -ms-flex;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  border-bottom: 0.0625rem solid #02205b;\n  padding-bottom: 0.625rem;\n  margin-bottom: 0.625rem;\n}\n@media screen and (max-width: 768px) {\n  #main .main-bottom .title-box {\n    justify-content: flex-end;\n    padding-bottom: 0.4166666667rem;\n    margin-bottom: 0.4166666667rem;\n  }\n}\n#main .main-bottom .slide-title {\n  font-size: 1.473125rem;\n  line-height: 1;\n  color: #02205b;\n}\n@media screen and (max-width: 768px) {\n  #main .main-bottom .slide-title {\n    display: none;\n  }\n}\n#main .main-bottom .control-box {\n  -webkit-display: flex;\n  display: -ms-flex;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n}\n#main .main-bottom .control-box .btn {\n  background-color: #fff;\n  width: 1.5rem;\n  height: 1.5rem;\n  border-radius: 1.5rem;\n  border: none;\n  -webkit-display: flex;\n  display: -ms-flex;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin-left: 0.9375rem;\n  line-height: 1;\n  padding: 0;\n}\n#main .main-bottom .control-box .btn.btn-right {\n  margin-left: 0.3125rem;\n}\n#main .main-bottom .control-box .btn .icon {\n  font-size: 1.5rem;\n}\n#main .main-bottom .control-box .btn:active, #main .main-bottom .control-box .btn:hover, #main .main-bottom .control-box .btn:focus, #main .main-bottom .control-box .btn:focus-visible, #main .main-bottom .control-box .btn:focus-within {\n  width: 100%;\n  outline: none;\n  background-color: #d5d8e1;\n  cursor: pointer;\n  overflow: hidden;\n}\n#main .main-bottom .control-box .swiper-pagination {\n  position: relative;\n  left: 0;\n  transform: translate(0);\n  height: 1.5rem;\n  bottom: 0;\n  -webkit-display: flex;\n  display: -ms-flex;\n  display: flex;\n  align-items: center;\n  overflow: initial;\n}\n#main .main-bottom .control-box .swiper-pagination-bullet {\n  background-color: #8b93ae;\n  width: 0.4375rem;\n  height: 0.4375rem;\n}\n#main .main-bottom .control-box .swiper-pagination-bullet.swiper-pagination-bullet-active {\n  width: 1.125rem;\n  border-radius: 0.5625rem;\n  background-color: #02205b;\n}\n@media screen and (max-width: 768px) {\n  #main .main-bottom .control-box .btn {\n    width: 0.875rem;\n    height: 0.875rem;\n    border-radius: 0.875rem;\n    margin-left: 0.5416666667rem;\n  }\n  #main .main-bottom .control-box .btn.btn-right {\n    margin-left: 0.3125rem;\n  }\n  #main .main-bottom .control-box .btn .icon {\n    font-size: 0.7916666667rem;\n  }\n  #main .main-bottom .control-box .swiper-pagination {\n    height: 0.875rem;\n  }\n  #main .main-bottom .control-box .swiper-pagination-bullet {\n    width: 0.25rem;\n    height: 0.25rem;\n  }\n  #main .main-bottom .control-box .swiper-pagination-bullet.swiper-pagination-bullet-active {\n    width: 0.5833333333rem;\n    border-radius: 0.2916666667rem;\n  }\n}\n#main .main-bottom .left-slide {\n  width: 26rem;\n}\n#main .main-bottom .left-slide .swiper-container {\n  width: 26rem;\n  height: 23.4375rem;\n  overflow: hidden;\n}\n#main .main-bottom .left-slide .recent-list .swiper-slide {\n  padding: 0.75rem 0;\n  height: 4.875rem !important;\n  border-bottom: 0.0625rem solid #26356b;\n  box-sizing: border-box;\n}\n#main .main-bottom .left-slide .recent-list .swiper-slide .link {\n  -webkit-display: flex;\n  display: -ms-flex;\n  display: flex;\n  width: 100%;\n  position: relative;\n  min-width: 0;\n}\n#main .main-bottom .left-slide .recent-list .swiper-slide .link:after {\n  content: \"\\e5e1\";\n  font-family: \"Material Symbols Outlined\";\n  font-weight: normal;\n  font-style: normal;\n  line-height: 1;\n  letter-spacing: normal;\n  text-transform: none;\n  display: inline-block;\n  white-space: nowrap;\n  word-wrap: normal;\n  direction: ltr;\n  -webkit-font-feature-settings: \"liga\";\n  -webkit-font-smoothing: antialiased;\n  font-size: 1.875rem;\n  position: absolute;\n  right: 0;\n  font-weight: 200;\n  top: 50%;\n  transform: translate(0, -50%);\n}\n#main .main-bottom .left-slide .recent-list .swiper-slide .date {\n  font-size: 0.796875rem;\n  font-weight: 600;\n  line-height: 1;\n  color: #02205b;\n  flex-shrink: 0;\n}\n#main .main-bottom .left-slide .recent-list .swiper-slide .date .big {\n  display: block;\n  font-size: 2.14875rem;\n  font-weight: 700;\n}\n#main .main-bottom .left-slide .recent-list .swiper-slide .notice-text {\n  margin-left: 0.9375rem;\n  -webkit-display: flex;\n  display: -ms-flex;\n  display: flex;\n  justify-content: space-evenly;\n  flex-direction: column;\n  color: #02205b;\n  flex: 1;\n  min-width: 0;\n}\n#main .main-bottom .left-slide .recent-list .swiper-slide .notice-text .label {\n  display: block;\n  font-size: 0.796875rem;\n  line-height: 1;\n  color: #02205b;\n}\n#main .main-bottom .left-slide .recent-list .swiper-slide .notice-text .label a {\n  color: inherit;\n}\n#main .main-bottom .left-slide .recent-list .swiper-slide .notice-text .title {\n  width: 100%;\n  padding-right: 3.125rem;\n  font-size: 0.984375rem;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  overflow: hidden;\n  margin-bottom: 0;\n}\n#main .main-bottom .left-slide .recent-list .swiper-slide .notice-text .title a {\n  color: inherit;\n}\n@media screen and (max-width: 768px) {\n  #main .main-bottom .left-slide {\n    width: 100%;\n  }\n  #main .main-bottom .left-slide .swiper-container {\n    width: 100%;\n    height: 13rem;\n    overflow: hidden;\n  }\n  #main .main-bottom .left-slide .recent-list .swiper-slide {\n    padding: 0.5208333333rem 0;\n    height: 2.625rem !important;\n  }\n  #main .main-bottom .left-slide .recent-list .swiper-slide .link {\n    -webkit-display: flex;\n    display: -ms-flex;\n    display: flex;\n    width: 100%;\n    position: relative;\n  }\n  #main .main-bottom .left-slide .recent-list .swiper-slide .link:after {\n    font-size: 1.25rem;\n  }\n  #main .main-bottom .left-slide .recent-list .swiper-slide .date {\n    font-size: 0.4527083333rem;\n  }\n  #main .main-bottom .left-slide .recent-list .swiper-slide .date .big {\n    font-size: 1.1316666667rem;\n  }\n  #main .main-bottom .left-slide .recent-list .swiper-slide .notice-text {\n    margin-left: 0.7291666667rem;\n  }\n  #main .main-bottom .left-slide .recent-list .swiper-slide .notice-text .label {\n    font-size: 0.5172916667rem;\n  }\n  #main .main-bottom .left-slide .recent-list .swiper-slide .notice-text .title {\n    font-size: 0.5172916667rem;\n    padding-right: 1.0416666667rem;\n  }\n}\n#main .main-bottom .right-slide {\n  width: 22.5rem;\n  overflow: hidden;\n}\n#main .main-bottom .right-slide .swiper-slide {\n  width: 10.9375rem !important;\n  height: 19.6875rem;\n  border-radius: 0.9375rem;\n  border: none;\n  background-size: cover;\n  overflow: hidden;\n}\n#main .main-bottom .right-slide .swiper-slide.swiper-slide {\n  margin-right: 0.5rem;\n}\n#main .main-bottom .right-slide .swiper-slide:last-child {\n  margin-right: 0;\n}\n#main .main-bottom .right-slide .swiper-slide.full {\n  width: 100% !important;\n  height: 12.1875rem;\n  border-radius: 1.25rem;\n}\n#main .main-bottom .right-slide .btn-more {\n  display: none;\n}\n@media screen and (max-width: 768px) {\n  #main .main-bottom .right-slide {\n    width: 100%;\n  }\n  #main .main-bottom .right-slide .title-box {\n    display: none;\n  }\n  #main .main-bottom .right-slide .swiper-slide {\n    width: 6.6041666667rem !important;\n    height: 12.1666666667rem;\n    border-radius: 0.4166666667rem;\n  }\n  #main .main-bottom .right-slide .swiper-slide.swiper-slide {\n    margin-right: 0.2708333333rem;\n  }\n  #main .main-bottom .right-slide .swiper-slide:last-child {\n    margin-right: 0;\n  }\n  #main .main-bottom .right-slide .swiper-slide.full {\n    width: 100% !important;\n    height: 8.125rem;\n    border-radius: 0.9375rem;\n  }\n  #main .main-bottom .right-slide .btn-more {\n    display: block;\n    font-size: 0.6604166667rem;\n    border: 0.0625rem solid #7d7d7d;\n    color: #7d7d7d;\n    width: 100%;\n    height: 1.6458333333rem;\n    margin: 0.7708333333rem 0 1.1875rem 0;\n  }\n}\n\n.common-list {\n  list-style: none;\n  padding: 0;\n  margin: 0;\n}\n.common-list .thumbnail {\n  position: relative;\n  padding: 0;\n  margin: 0;\n  overflow: hidden;\n}\n.common-list .thumbnail .thumbnail-link {\n  display: flex;\n  width: 100%;\n  height: 100%;\n}\n.common-list .thumbnail .thumbnail-link .thumbnail-img {\n  width: 100%;\n  height: 100%;\n  display: block;\n  object-fit: cover;\n}\n@media screen and (max-width: 768px) {\n  .common-list .thumbnail .thumbnail-link {\n    width: 100%;\n    height: fit-content;\n  }\n  .common-list .thumbnail .thumbnail-link .thumbnail-img {\n    object-fit: initial;\n  }\n}\n.common-list .item-content .item-title {\n  color: #02256c;\n  font-size: 0.875rem;\n  display: block;\n  width: 100%;\n  /*\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  letter-spacing: -0.025em;\n  */\n  font-weight: 700;\n}\n.common-list .item-content .item-title a {\n  color: inherit;\n}\n.common-list .item-content .item-title a:hover {\n  text-decoration: underline;\n}\n@media screen and (max-width: 768px) {\n  .common-list .item-content .item-title {\n    font-size: 0.75rem;\n    margin-bottom: 0.25rem;\n    white-space: initial;\n    word-wrap: break-word;\n    word-break: keep-all;\n  }\n}\n.common-list .item-content .item-summary {\n  font-size: 0.75rem;\n  color: #252525;\n  display: -webkit-box;\n  -webkit-box-orient: vertical;\n  word-wrap: break-word;\n  letter-spacing: -0.025em;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  margin: 0.3125rem 0 0.3125rem 0;\n  font-weight: 500;\n  height: 2.56em;\n  -webkit-line-clamp: 2;\n  line-height: 1.28em;\n}\n.common-list .item-content .item-summary a {\n  color: inherit;\n}\n.common-list .item-content .item-summary a:hover {\n  text-decoration: underline;\n}\n.common-list .item-content .item-info {\n  margin: 0;\n  padding: 0;\n}\n.common-list .item-content .item-info dl {\n  margin: 0;\n  display: flex;\n  align-items: center;\n}\n.common-list .item-content .item-info dl dt {\n  margin: 0 0.625rem 0 0;\n}\n.common-list .item-content .item-info dl dd {\n  font-size: 0.75rem;\n  color: #959595;\n  font-weight: 500;\n}\n@media screen and (max-width: 768px) {\n  .common-list .item-content .item-info dl dd {\n    font-size: 0.5833333333rem;\n    line-height: 1;\n  }\n}\n.common-list.news .item {\n  display: flex;\n  padding: 1.25rem 0;\n  border-bottom: 1px solid #02256c;\n}\n.common-list.news .item .thumbnail {\n  width: 11.375rem;\n  height: 8.3125rem;\n  flex-shrink: 0;\n  margin-right: 0.8125rem;\n}\n.common-list.news .item .item-content {\n  flex: 1;\n  min-width: 0;\n  padding: 0 0 0.5rem 0;\n}\n.common-list.news .item .item-content .item-summary {\n  height: 5.12em;\n  -webkit-line-clamp: 4;\n  line-height: 1.28em;\n}\n@media screen and (max-width: 768px) {\n  .common-list.news .item {\n    flex-direction: column;\n    padding: 0.4166666667rem 0;\n  }\n  .common-list.news .item .thumbnail {\n    width: 100%;\n    margin-right: 0;\n  }\n  .common-list.news .item .item-content .item-summary {\n    font-size: 0.5833333333rem;\n    height: 5.12em;\n    -webkit-line-clamp: 4;\n    line-height: 1.28em;\n  }\n}\n.common-list.news.inner {\n  -webkit-display: flex;\n  display: -ms-flex;\n  display: flex;\n  flex-wrap: wrap;\n  margin: 0 0 0.625rem 0;\n  padding-bottom: 1.875rem;\n}\n.common-list.news.inner .item {\n  width: 50%;\n  padding: 0.625rem 0.9375rem;\n  -webkit-display: flex;\n  display: -ms-flex;\n  display: flex;\n  align-items: center;\n  border-bottom: 1px solid #c2c2c2;\n}\n.common-list.news.inner .item .thumbnail {\n  width: 6.25rem;\n  height: 6.25rem;\n  margin: 0 auto 0.625rem;\n  flex-shrink: 0;\n}\n.common-list.news.inner .item .item-content {\n  padding-left: 0.9375rem;\n}\n.common-list.news.inner .item .item-content .item-title {\n  font-size: 0.875rem;\n  white-space: initial;\n}\n@media screen and (max-width: 768px) {\n  .common-list.news.inner .item {\n    width: 100%;\n    padding: 0.25rem 0.3125rem;\n    -webkit-display: flex;\n    display: -ms-flex;\n    display: flex;\n    flex-direction: row;\n  }\n  .common-list.news.inner .item .thumbnail {\n    width: 2.5rem;\n    height: 1.6666666667rem;\n    margin: 0;\n    flex-shrink: 0;\n  }\n  .common-list.news.inner .item .item-content {\n    padding-left: 0.625rem;\n  }\n  .common-list.news.inner .item .item-content .item-title {\n    font-size: 0.4375rem;\n    white-space: initial;\n    margin-bottom: 0;\n  }\n}\n.common-list.toons {\n  display: flex;\n  flex-wrap: wrap;\n}\n.common-list.toons .item {\n  width: 50%;\n  padding: 0.625rem 0.9375rem;\n}\n.common-list.toons .item .thumbnail {\n  width: 13.5rem;\n  height: 13.5rem;\n  margin: 0 auto 0.625rem;\n}\n@media screen and (max-width: 768px) {\n  .common-list.toons .item {\n    width: 100%;\n    padding: 0.3125rem 0.4166666667rem;\n    border-bottom: 1px solid #c2c2c2;\n    margin-bottom: 0.625rem;\n  }\n  .common-list.toons .item .thumbnail {\n    width: 100%;\n    height: auto;\n  }\n}\n.common-list.toons.inner .item {\n  width: 50%;\n  padding: 0.625rem 0.9375rem;\n  -webkit-display: flex;\n  display: -ms-flex;\n  display: flex;\n  align-items: center;\n}\n.common-list.toons.inner .item .thumbnail {\n  width: 6.25rem;\n  height: 6.25rem;\n  margin: 0 auto 0.625rem;\n  flex-shrink: 0;\n}\n.common-list.toons.inner .item .item-content {\n  padding-left: 0.9375rem;\n}\n.common-list.toons.inner .item .item-content .item-title {\n  font-size: 0.875rem;\n  white-space: initial;\n}\n@media screen and (max-width: 768px) {\n  .common-list.toons.inner .item {\n    width: 100%;\n    padding: 0.25rem 0.3125rem;\n  }\n  .common-list.toons.inner .item .thumbnail {\n    width: 3.125rem;\n    height: 3.125rem;\n    margin: 0;\n    flex-shrink: 0;\n  }\n  .common-list.toons.inner .item .item-content {\n    padding-left: 0.625rem;\n  }\n  .common-list.toons.inner .item .item-content .item-title {\n    font-size: 0.4375rem;\n    white-space: initial;\n  }\n}\n.common-list.shorts {\n  margin: 0 -0.25rem;\n  display: flex;\n  flex-wrap: wrap;\n}\n.common-list.shorts .item {\n  width: 25%;\n  padding: 1.25rem 0.25rem;\n}\n.common-list.shorts .item .thumbnail {\n  width: 8.375rem;\n  height: 13.75rem;\n  margin: 0 0 0.5rem;\n}\n.common-list.shorts .item .item-content {\n  /*\n  .item-title {\n    display: -webkit-box;\n    -webkit-box-orient: vertical;\n    word-wrap:break-word;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    height: 1.28em * 2;\n    -webkit-line-clamp: 2;\n    line-height:1.28em;\n    white-space: normal;\n    word-break: break-all;\n  }\n  */\n}\n@media screen and (max-width: 768px) {\n  .common-list.shorts {\n    margin: 0;\n  }\n  .common-list.shorts .item {\n    width: 100%;\n    padding: 0.4166666667rem 0;\n    border-bottom: 1px solid #c2c2c2;\n    margin-bottom: 0.625rem;\n  }\n  .common-list.shorts .item .thumbnail {\n    width: 100%;\n    height: auto;\n  }\n  .common-list.shorts .item .item-content .item-title {\n    font-size: 0.6875rem;\n    margin-bottom: 0.25rem;\n    white-space: initial;\n    word-break: keep-all;\n  }\n}\n.common-list.shorts.inner {\n  margin-top: 0;\n}\n.common-list.shorts.inner .item {\n  width: 50%;\n  padding: 0.625rem 0.9375rem;\n  -webkit-display: flex;\n  display: -ms-flex;\n  display: flex;\n  align-items: center;\n}\n.common-list.shorts.inner .item .thumbnail {\n  width: 5.25rem;\n  height: 7.875rem;\n  margin: 0;\n  flex-shrink: 0;\n}\n.common-list.shorts.inner .item .item-content {\n  padding-left: 0.9375rem;\n}\n.common-list.shorts.inner .item .item-content .item-title {\n  font-size: 0.9375rem;\n  white-space: initial;\n  margin-bottom: 0;\n}\n.common-list.shorts.inner .item .item-content .item-title br {\n  display: none;\n}\n@media screen and (max-width: 768px) {\n  .common-list.shorts.inner .item {\n    width: 100%;\n    padding: 0.25rem 0.3125rem;\n  }\n  .common-list.shorts.inner .item .thumbnail {\n    width: 1.75rem;\n    height: 2.625rem;\n    margin: 0;\n    flex-shrink: 0;\n  }\n  .common-list.shorts.inner .item .item-content {\n    padding-left: 0.625rem;\n  }\n  .common-list.shorts.inner .item .item-content .item-title {\n    font-size: 0.4375rem;\n    white-space: initial;\n  }\n  .common-list.shorts.inner .item .item-content .item-summary {\n    font-size: 0.375rem;\n  }\n}\n.common-list.clips {\n  display: flex;\n  flex-wrap: wrap;\n  width: 100%;\n  margin: -1.25rem -0.25rem;\n  padding-bottom: 1.875rem;\n}\n.common-list.clips .item {\n  padding: 1.25rem 0.25rem;\n  width: 25%;\n  border-bottom: 1px solid #c2c2c2;\n}\n.common-list.clips .item .thumbnail {\n  width: 100%;\n  height: 5.9375rem;\n}\n.common-list.clips .item .item-title {\n  font-size: 0.8125rem;\n}\n.common-list.clips .item .item-summary {\n  font-size: 0.8125rem;\n  height: 2.56em;\n  -webkit-line-clamp: 2;\n  line-height: 1.28em;\n}\n@media screen and (max-width: 768px) {\n  .common-list.clips {\n    margin: 0 0 0.625rem 0;\n  }\n  .common-list.clips .item {\n    width: 100%;\n    padding: 0.3125rem 0.4166666667rem;\n    border-bottom: 1px solid #c2c2c2;\n  }\n  .common-list.clips .item .item-title {\n    margin-bottom: 0.25rem;\n  }\n  .common-list.clips .item .item-title a > br {\n    display: none;\n  }\n  .common-list.clips .item .thumbnail {\n    width: 100%;\n    height: auto;\n  }\n  .common-list.clips .item .item-summary {\n    font-size: 0.625rem;\n  }\n  .common-list.clips .item .item-summary a > br {\n    display: none;\n  }\n}\n.common-list.clips.inner {\n  margin-top: 0;\n}\n.common-list.clips.inner .item {\n  width: 50%;\n  padding: 0.625rem 0.9375rem;\n  -webkit-display: flex;\n  display: -ms-flex;\n  display: flex;\n  align-items: center;\n}\n.common-list.clips.inner .item .thumbnail {\n  width: 7.5rem;\n  height: 5rem;\n  margin: 0;\n  flex-shrink: 0;\n}\n.common-list.clips.inner .item .item-content {\n  padding-left: 0.9375rem;\n}\n.common-list.clips.inner .item .item-content .item-title {\n  font-size: 0.9375rem;\n  white-space: initial;\n}\n.common-list.clips.inner .item .item-content .item-title br {\n  display: none;\n}\n.common-list.clips.inner .item .item-content .item-summary {\n  font-size: 0.75rem;\n}\n.common-list.clips.inner .item .item-content .item-summary br {\n  display: none;\n}\n@media screen and (max-width: 768px) {\n  .common-list.clips.inner .item {\n    width: 100%;\n    padding: 0.25rem 0.3125rem;\n  }\n  .common-list.clips.inner .item .thumbnail {\n    width: 3.75rem;\n    height: 2.5rem;\n    margin: 0;\n    flex-shrink: 0;\n  }\n  .common-list.clips.inner .item .item-content {\n    padding-left: 0.625rem;\n  }\n  .common-list.clips.inner .item .item-content .item-title {\n    font-size: 0.4375rem;\n    white-space: initial;\n  }\n  .common-list.clips.inner .item .item-content .item-summary {\n    font-size: 0.375rem;\n  }\n}\n\n.tag-container {\n  width: 100%;\n  display: flex;\n  border: 1px solid #b7b7b7;\n  padding: 0.625rem;\n  align-items: stretch;\n  margin: 0.75rem 0 1.5625rem;\n  border-radius: 0.9375rem;\n}\n.tag-container .tag-title {\n  flex-shrink: 0;\n  color: #000000;\n  margin-right: 1.5625rem;\n  display: flex;\n  align-items: center;\n  font-size: 1.450625rem;\n  padding: 0 1.25rem;\n}\n.tag-container .tag-list {\n  list-style: none;\n  padding: 0;\n  margin: -0.1875rem;\n  flex: 1;\n  min-width: 0;\n  display: flex;\n  flex-wrap: wrap;\n}\n.tag-container .tag-list li {\n  padding: 0.1875rem;\n}\n.tag-container .tag-list li a {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  height: 1.75rem;\n  border-radius: 0.875rem;\n  background-color: #ffffff;\n  color: #464646;\n  font-size: 1.02625rem;\n  padding: 0 0.875rem;\n  box-shadow: 1.147px 1.638px 3.8px 0.2px rgba(0, 0, 0, 0.41);\n}\n.tag-container .tag-list li.active a {\n  background-color: #02256c;\n  color: #fff;\n}\n@media screen and (max-width: 768px) {\n  .tag-container {\n    padding: 0.4166666667rem;\n    margin: 0.25rem 0 0.5208333333rem;\n    border-radius: 0.3125rem;\n    flex-direction: column;\n  }\n  .tag-container .tag-title {\n    padding-left: 0;\n    font-size: 0.8125rem;\n  }\n  .tag-container .tag-list {\n    margin: -0.0625rem;\n    flex: 1;\n    min-width: 0;\n    display: flex;\n    flex-wrap: wrap;\n  }\n  .tag-container .tag-list li {\n    padding: 0.125rem;\n  }\n  .tag-container .tag-list li a {\n    height: 0.9375rem;\n    border-radius: 0.4166666667rem;\n    background-color: #ffffff;\n    color: #464646;\n    font-size: 0.5625rem;\n    padding: 0 0.5625rem;\n  }\n}\n\n#board .page-contents {\n  padding: 1.875rem;\n  background-color: #fff;\n  margin-bottom: 1.875rem;\n  border-radius: 1.25rem;\n}\n#board .page-contents .contents-header {\n  width: 100%;\n  padding-bottom: 0.9375rem;\n  border-bottom: 0.0625rem solid #02256c;\n}\n#board .page-contents .contents-header .contents-title {\n  font-size: 1.5rem;\n  margin-bottom: 0.625rem;\n}\n#board .page-contents .contents-header .page-header-info {\n  -webkit-display: flex;\n  display: -ms-flex;\n  display: flex;\n  align-items: center;\n}\n#board .page-contents .contents-header .page-header-info .date {\n  -webkit-display: flex;\n  display: -ms-flex;\n  display: flex;\n  align-items: center;\n}\n#board .page-contents .contents-header .page-header-info .date > dd {\n  color: #898989;\n  font-size: 0.9375rem;\n}\n#board .page-contents .list-detail-sns {\n  margin-left: auto;\n  -webkit-display: flex;\n  display: -ms-flex;\n  display: flex;\n  align-items: center;\n}\n#board .page-contents .list-detail-sns > a {\n  width: 1.875rem;\n  height: 1.875rem;\n  margin: 0 0.1875rem;\n  background-size: cover;\n  text-indent: -99999px;\n  overflow: hidden;\n  display: block;\n}\n#board .page-contents .list-detail-sns > a.sns-facebook {\n  background-color: transparent;\n  background-image: url(\"../images/common/detail-sns01.png\");\n  background-repeat: no-repeat;\n  background-position-x: center;\n  background-position-y: center;\n}\n#board .page-contents .list-detail-sns > a.sns-twitter {\n  background-color: transparent;\n  background-image: url(\"../images/common/detail-sns02.png\");\n  background-repeat: no-repeat;\n  background-position-x: center;\n  background-position-y: center;\n}\n#board .page-contents .list-detail-sns > a.sns-kakaotalk {\n  background-color: transparent;\n  background-image: url(\"../images/common/detail-sns03.png\");\n  background-repeat: no-repeat;\n  background-position-x: center;\n  background-position-y: center;\n}\n#board .page-contents .list-detail-sns > a.url-copy {\n  background-color: transparent;\n  background-image: url(\"../images/common/detail-sns04.png\");\n  background-repeat: no-repeat;\n  background-position-x: center;\n  background-position-y: center;\n}\n#board .page-contents .detail-contents {\n  width: 100%;\n  padding: 0.625rem;\n}\n#board .page-contents .detail-contents p {\n  width: 100%;\n  box-sizing: border-box;\n}\n#board .page-contents .detail-contents img {\n  max-width: 100%;\n  height: auto !important;\n}\n#board .page-contents .hash-tag {\n  -webkit-display: flex;\n  display: -ms-flex;\n  display: flex;\n  align-items: center;\n  flex-wrap: wrap;\n  margin-top: 1.875rem;\n}\n#board .page-contents .hash-tag > li {\n  padding: 0 0.625rem 0 1.25rem;\n  height: 2.125rem;\n  line-height: 2rem;\n  border: 0.0625rem solid #e1e1e1;\n  margin: 0 0.3125rem 0.3125rem 0;\n  font-weight: 300;\n  font-size: 0.9375rem;\n  position: relative;\n  color: #666;\n}\n#board .page-contents .hash-tag > li:before {\n  content: \"#\";\n  position: absolute;\n  left: 0.5rem;\n  top: 0;\n}\n#board .page-contents .page-list {\n  margin-top: 0.625rem;\n  padding-top: 0.625rem;\n  border-top: 0.0625rem solid #999;\n}\n#board .page-contents .page-list .title {\n  font-size: 1.5rem;\n  margin-bottom: 0.625rem;\n}\n#board .page-contents .video-container {\n  position: relative;\n  padding-bottom: 56.25%;\n  height: 0;\n  overflow: hidden;\n  margin-top: 0.625rem;\n}\n#board .page-contents .video-container.shorts {\n  width: 56.25%;\n  padding-bottom: 100%;\n  margin: 0.625rem auto 0 auto;\n}\n#board .page-contents .video-container iframe,\n#board .page-contents .video-container object,\n#board .page-contents .video-container embed {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n}\n#board .page-contents .btn-list-prev {\n  width: 11.25rem;\n  height: 2.5rem;\n  line-height: 2.5rem;\n  background-color: #02256c;\n  border: none;\n  color: #fff;\n  display: block;\n  font-size: 1rem;\n  margin: 1.875rem auto 0 auto;\n  text-align: center;\n}\n@media screen and (max-width: 768px) {\n  #board .page-contents {\n    padding: 0.625rem;\n    border-radius: 0.625rem;\n    margin-bottom: 0.625rem;\n  }\n  #board .page-contents .contents-header {\n    padding-bottom: 0.625rem;\n  }\n  #board .page-contents .contents-header .contents-title {\n    font-size: 0.75rem;\n    margin-bottom: 0.3125rem;\n  }\n  #board .page-contents .contents-header .page-header-info .date > dd {\n    font-size: 0.4166666667rem;\n  }\n  #board .page-contents .list-detail-sns > a {\n    width: 0.9375rem;\n    height: 0.9375rem;\n    margin: 0 0.1875rem;\n  }\n  #board .page-contents .detail-contents {\n    padding: 0.625rem;\n  }\n  #board .page-contents .detail-contents *:not(.video-container.shorts) {\n    font-size: 0.5rem !important;\n    margin-left: 0 !important;\n    text-indent: 0 !important;\n    word-break: initial !important;\n  }\n  #board .page-contents .hash-tag {\n    -webkit-display: flex;\n    display: -ms-flex;\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    margin-top: 0.625rem;\n  }\n  #board .page-contents .hash-tag > li {\n    padding: 0 0.2083333333rem 0 0.625rem;\n    height: 1.25rem;\n    line-height: 1.2083333333rem;\n    border: 0.0625rem solid #e1e1e1;\n    margin: 0 0.1041666667rem 0.1041666667rem 0;\n    font-size: 0.5rem;\n  }\n  #board .page-contents .hash-tag > li:before {\n    left: 0.1875rem;\n  }\n  #board .page-contents .page-list {\n    margin-top: 0.625rem;\n    padding-top: 0.625rem;\n    border-top: 0.0625rem solid #999;\n  }\n  #board .page-contents .page-list .title {\n    font-size: 0.625rem;\n    margin-bottom: 0.625rem;\n  }\n  #board .page-contents .video-container {\n    margin-top: 0.625rem;\n  }\n  #board .page-contents .video-container.shorts {\n    width: 9.1666666667rem;\n    height: 17.9166666667rem;\n    padding-bottom: 0;\n    margin: 0.625rem auto 0 auto;\n  }\n  #board .page-contents .btn-list-prev {\n    width: 6.25rem;\n    height: 1.25rem;\n    line-height: 1.25rem;\n    font-size: 0.5625rem;\n    margin: 1.25rem auto 0 auto;\n    text-align: center;\n  }\n}\n#board .form-content-wrap {\n  width: 100%;\n  border: 0.0625rem solid #b3b3ca;\n  margin-top: 1.5625rem;\n  padding: 1.25rem 0.625rem;\n}\n#board .form-content-wrap .form-title {\n  width: 100%;\n  padding: 0 0 0.9375rem 0;\n  font-size: 1.125rem;\n  line-height: 1.3;\n  border-bottom: 0.0625rem solid #d7d7d7;\n  word-break: break-all;\n  text-align: center;\n}\n#board .form-content-wrap .form-box {\n  margin-top: 0.9375rem;\n}\n#board .form-content-wrap .form-box .question-title {\n  font-size: 0.875rem;\n  padding: 0.625rem 0;\n}\n#board .form-content-wrap .form-box .form-radio-box {\n  -webkit-display: flex;\n  display: -ms-flex;\n  display: flex;\n  justify-content: space-between;\n  padding: 0 1.875rem;\n}\n#board .form-content-wrap .form-box .form-radio-box.other {\n  padding: 0;\n}\n#board .form-content-wrap .form-box .form-radio-box .radio-item {\n  display: inline-block;\n  white-space: nowrap;\n  position: relative;\n  font-size: 0.8125rem;\n}\n#board .form-content-wrap .form-box .form-radio-box .radio-item [type=radio]:checked,\n#board .form-content-wrap .form-box .form-radio-box .radio-item [type=radio]:not(:checked) {\n  position: absolute;\n  left: -9999px;\n}\n#board .form-content-wrap .form-box .form-radio-box .radio-item [type=radio]:checked + label,\n#board .form-content-wrap .form-box .form-radio-box .radio-item [type=radio]:not(:checked) + label {\n  position: relative;\n  padding-left: 1.75rem;\n  cursor: pointer;\n  line-height: 1.25rem;\n  display: inline-block;\n  color: #666;\n}\n#board .form-content-wrap .form-box .form-radio-box .radio-item [type=radio]:checked + label:before,\n#board .form-content-wrap .form-box .form-radio-box .radio-item [type=radio]:not(:checked) + label:before {\n  content: \"\";\n  position: absolute;\n  left: 0;\n  top: 0;\n  width: 1.125rem;\n  height: 1.125rem;\n  border: 0.0625rem solid #ddd;\n  border-radius: 100%;\n  background: #fff;\n}\n#board .form-content-wrap .form-box .form-radio-box .radio-item [type=radio]:checked + label:after,\n#board .form-content-wrap .form-box .form-radio-box .radio-item [type=radio]:not(:checked) + label:after {\n  content: \"\";\n  width: 0.75rem;\n  height: 0.75rem;\n  background: #02256c;\n  position: absolute;\n  top: 0.15625rem;\n  left: 0.15625rem;\n  border-radius: 100%;\n  -webkit-transition: all 0.2s ease;\n  transition: all 0.2s ease;\n}\n#board .form-content-wrap .form-box .form-radio-box .radio-item [type=radio]:not(:checked) + label:after {\n  opacity: 0;\n  -webkit-transform: scale(0);\n  transform: scale(0);\n}\n#board .form-content-wrap .form-box .form-radio-box .radio-item [type=radio]:checked + label:after {\n  opacity: 1;\n  -webkit-transform: scale(1);\n  transform: scale(1);\n}\n#board .form-content-wrap .form-box .form-radio-box textarea {\n  width: 100%;\n  min-height: 1.875rem;\n  border: 0.0625rem solid #ebebeb;\n  font-size: 0.8125rem;\n  padding: 0.3125rem;\n}\n#board .form-content-wrap .form-box .textarea-num {\n  width: 100%;\n  text-align: right;\n  color: #444;\n  font-size: 0.75rem;\n}\n#board .form-content-wrap .form-box .textarea-num span#byteInfo {\n  color: #ff6706;\n}\n#board .form-content-wrap .form-btn {\n  width: 6.25rem;\n  height: 1.875rem;\n  background-color: #02256c;\n  border: none;\n  color: #fff;\n  display: block;\n  font-size: 0.75rem;\n  margin: 0.9375rem auto 0 auto;\n  line-height: 1;\n}\n@media screen and (max-width: 768px) {\n  #board .form-content-wrap {\n    margin-top: 0.5208333333rem;\n    padding: 0.625rem 0.25rem;\n  }\n  #board .form-content-wrap .form-title {\n    padding: 0 0 0.3125rem 0;\n    font-size: 0.625rem;\n  }\n  #board .form-content-wrap .form-box {\n    margin-top: 0.625rem;\n  }\n  #board .form-content-wrap .form-box .question-title {\n    font-size: 0.5625rem;\n    padding: 0.2083333333rem 0;\n  }\n  #board .form-content-wrap .form-box .form-radio-box {\n    padding: 0;\n  }\n  #board .form-content-wrap .form-box .form-radio-box.other {\n    padding: 0;\n  }\n  #board .form-content-wrap .form-box .form-radio-box .radio-item {\n    font-size: 0.4375rem;\n  }\n  #board .form-content-wrap .form-box .form-radio-box .radio-item [type=radio]:checked + label,\n  #board .form-content-wrap .form-box .form-radio-box .radio-item [type=radio]:not(:checked) + label {\n    padding-left: 0.7916666667rem;\n    line-height: 0.625rem;\n  }\n  #board .form-content-wrap .form-box .form-radio-box .radio-item [type=radio]:checked + label:before,\n  #board .form-content-wrap .form-box .form-radio-box .radio-item [type=radio]:not(:checked) + label:before {\n    width: 0.6666666667rem;\n    height: 0.6666666667rem;\n    border: 0.0625rem solid #ddd;\n  }\n  #board .form-content-wrap .form-box .form-radio-box .radio-item [type=radio]:checked + label:after,\n  #board .form-content-wrap .form-box .form-radio-box .radio-item [type=radio]:not(:checked) + label:after {\n    width: 0.5rem;\n    height: 0.5rem;\n    top: 0.0833333333rem;\n    left: 0.0833333333rem;\n  }\n  #board .form-content-wrap .form-box .form-radio-box textarea {\n    width: 100%;\n    min-height: 2.5rem;\n    border: 0.0625rem solid #ebebeb;\n    font-size: 0.5625rem;\n    padding: 0.1875rem;\n  }\n  #board .form-content-wrap .form-box .textarea-num {\n    width: 100%;\n    font-size: 0.4375rem;\n  }\n  #board .form-content-wrap .form-box .textarea-num span#byteInfo {\n    color: #ff6706;\n  }\n  #board .form-content-wrap .form-btn {\n    width: 3.75rem;\n    height: 0.9375rem;\n    display: block;\n    font-size: 0.4375rem;\n    margin: 0.3125rem auto 0 auto;\n    line-height: 1;\n  }\n}","/***************************************************************************************\r\n * 레이아웃\r\n ****************************************************************************************/\r\nhtml {\r\n  letter-spacing: -0.04em;\r\n  font-family: $font-family-base;\r\n  overflow-x: hidden;\r\n  font-size:24px;\r\n\r\n  @media screen and (max-width:1920px) {\r\n    font-size: calc((24vw / 1920) * 100);\r\n  }\r\n\r\n  @include display-xs(){\r\n    font-size: calc((48vw / 720) * 100);\r\n    body {\r\n      background-color:#f1f1f1;\r\n    }\r\n  }\r\n}\r\n\r\n#header {\r\n  width:100%;\r\n  background-color:#fff;\r\n  .logo-box {\r\n    width:100%;\r\n    height:REM(30px);\r\n    @include display-flex();\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    #logo {\r\n      width:REM(115px);\r\n      height:REM(18px);\r\n    }\r\n    .link {\r\n      width:REM(61px);\r\n      height:REM(18px);\r\n      border:REM(1px) solid #DADADAFF;\r\n      font-size:REM(7px);\r\n      border-radius:REM(18px);\r\n      @include display-flex();\r\n      align-items: center;\r\n      justify-content: center;\r\n      line-height:1;\r\n    }\r\n  }\r\n  @include display-xs(){\r\n    display: none;\r\n  }\r\n}\r\n\r\n.mobile-header {\r\n  display:none;\r\n\r\n  @include display-xs {\r\n    display:flex;\r\n    width:100%;\r\n    height:REM(212px / 3);\r\n    align-items: center;\r\n    padding:0 REM(48px / 3);\r\n\r\n  }\r\n\r\n  .mobile-logo {\r\n    width:REM(332px / 3);\r\n    height:REM(89px / 3);\r\n    background-size:100% 100%;\r\n    background-repeat: no-repeat;\r\n    background-image:url(../images/common/on-air.png);\r\n    margin-left:auto;\r\n    margin-right:auto;\r\n    text-indent: -9999px;\r\n  }\r\n\r\n  .m-button {\r\n    display:block;\r\n    background-size:auto 100%;\r\n    background-repeat: no-repeat;\r\n    width:REM(56px / 3);\r\n    height:REM(44px / 3);\r\n    background-position:center;\r\n    border: 0 none;\r\n    background-color:transparent;\r\n    text-indent: -9999px;\r\n\r\n    &.toggle-menu {\r\n      background-image:url(../images/common/btn-menu.png);\r\n    }\r\n    &.toggle-search {\r\n      background-image:url(../images/common/btn-search.png);\r\n    }\r\n    &.close-menu {\r\n      background-image:url(../images/common/btn-menu-close.png);\r\n    }\r\n  }\r\n\r\n}\r\n\r\n#mobile-left-menu {\r\n  display:none;\r\n  width:100%;\r\n  height:100%;\r\n  position:fixed;\r\n  top:0;\r\n  left:0;\r\n  -webkit-transform: translateZ(0);\r\n  background:#f8f8f8;\r\n\r\n  &.opened {\r\n    @include display-xs {\r\n      display:block;\r\n      z-index:99;\r\n    }\r\n  }\r\n\r\n}\r\n\r\nbody:has(#mobile-left-menu.opened) {\r\n  @include display-xs {\r\n    overflow-y:hidden;\r\n    max-height:100%;\r\n  }\r\n}\r\n\r\n.container {\r\n  width:100%;\r\n  max-width:REM(960px);\r\n  margin: 0 auto;\r\n  padding:0 REM(80px);\r\n}\r\n\r\n@include display-xs(){\r\n\r\n  .container {\r\n    width: 100%;\r\n    padding:0;\r\n  }\r\n}\r\n\r\n.mobile-nav {\r\n  padding:0;\r\n  margin:0;\r\n  > ul {\r\n    list-style:none;\r\n    padding:0;\r\n    margin:0;\r\n    background-color:#fff;\r\n\r\n    > li {\r\n      > a {\r\n        background-color:#02205b;\r\n        padding:0 REM(60px / 3);\r\n        display:flex;\r\n        align-items: center;\r\n        height:REM(104px / 3);\r\n        font-size:REM(36px/ 3);\r\n        color:#fff;\r\n        font-weight:500;\r\n        border-bottom: REM(1px/ 3) solid #1d3667;\r\n        &:after {\r\n          content: '';\r\n          display:block;\r\n          width:REM(25px / 3);\r\n          height:REM(14px / 3);\r\n          margin-left:auto;\r\n          background-size:100%;\r\n          background-image:url(../images/common/chevron-down.png);\r\n          background-repeat: no-repeat;\r\n          transform: rotate(180deg);\r\n        }\r\n        &.active{\r\n          &:after {\r\n            background-image:url(../images/common/chevron-down.png);\r\n            transform: rotate(0deg);\r\n          }\r\n        }\r\n      }\r\n\r\n      > ul {\r\n        display:none;\r\n        flex-wrap:wrap;\r\n        &.open {\r\n          @include display-flex();\r\n        }\r\n        > li {\r\n          width:50%;\r\n          border-right:1px solid #cccccc;\r\n          border-bottom:1px solid #cccccc;\r\n\r\n          > a {\r\n            display:flex;\r\n            height:REM(81px / 3);\r\n            justify-content: center;\r\n            align-items: center;\r\n            font-size:REM(32px /  3);\r\n            font-weight:500;\r\n            color:#111111;\r\n          }\r\n\r\n          &:nth-child(2n) {\r\n            border-right:0;\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n  .btn-more{\r\n    color:#868686;\r\n    font-size:REM(27.44px / 3);\r\n    border:REM(1px) solid #868686;\r\n    width: REM(220px / 3);\r\n    height: REM(53px / 3);\r\n    border-radius: REM(53px / 3);\r\n    @include display-flex();\r\n    align-items: center;\r\n    justify-content: center;\r\n    margin:REM(45px / 3) auto;\r\n  }\r\n}\r\n\r\n\r\n#nav {\r\n  width: REM(169px);\r\n\r\n  .family-list {\r\n    margin-top: REM(12px);\r\n    position:relative;\r\n    background-color:#fff;\r\n    border:REM(1px) solid #C8C8C8FF;\r\n    width: REM(169px);\r\n    height: REM(158px);\r\n    border-radius: REM(15px);\r\n    padding:REM(30px) REM(23px) 0 REM(23px);\r\n    &:before{\r\n      content:\"국민연금공단 SNS 바로가기\";\r\n      font-size:REM(13.5px);\r\n      font-weight:$font-weight-bold;\r\n      position:absolute;\r\n      width:100%;\r\n      text-align: center;\r\n      left:0;\r\n      top:REM(11px);\r\n      line-height:1;\r\n    }\r\n    .item{\r\n      a {\r\n        @include display-flex();\r\n        align-items: center;\r\n        position:relative;\r\n        padding-left:REM(48px);\r\n        font-size:REM(13px);\r\n        height:REM(38px);\r\n        line-height:1;\r\n        &:before{\r\n          content:\"\";\r\n          display: block;\r\n          width:REM(35px);\r\n          height:REM(35px);\r\n          border-radius: REM(10px);\r\n          background-color:#02256CFF;\r\n          position:absolute;\r\n          left:0;\r\n          top:50%;\r\n          transform: translate(0, -50%);\r\n        }\r\n        &:after{\r\n          content:\"\";\r\n          position:absolute;\r\n          left:0;\r\n          top:50%;\r\n          transform: translate(0, -50%);\r\n          background-size: cover;\r\n        }\r\n      }\r\n      &.tv {\r\n        > a {\r\n          &:after{\r\n            width:REM(21px);\r\n            height:REM(21px);\r\n            left:REM(7px);\r\n            @include background-image('../images/common/tv.png')\r\n          }\r\n        }\r\n      }\r\n      &.instagram {\r\n        > a {\r\n          &:after{\r\n            width:REM(21px);\r\n            height:REM(21px);\r\n            left:REM(7px);\r\n            @include background-image('../images/common/instagram.png')\r\n          }\r\n        }\r\n      }\r\n      &.blog {\r\n        > a {\r\n          &:after{\r\n            width:REM(21px);\r\n            height:REM(21px);\r\n            left:REM(7px);\r\n            @include background-image('../images/common/blog.png')\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  @include display-xs(){\r\n    width:100%;\r\n    .menu-list,\r\n    .family-list{\r\n     display: none;\r\n    }\r\n    .search-box {\r\n      display: none;\r\n      width:100%;\r\n      border:0;\r\n      padding:0;\r\n      height:auto;\r\n      background-color:transparent;\r\n      top:REM(175px / 3);\r\n      &.open {\r\n        display: block;\r\n        z-index: 98;\r\n      }\r\n      .link {\r\n        display: none;\r\n        width:0;\r\n        height:0;\r\n      }\r\n      .search-form {\r\n        margin-top:0;\r\n        .input {\r\n          border-radius: 0;\r\n          border:0;\r\n          border-top:REM(3px / 3) solid #02256c;\r\n          border-bottom:REM(3px / 3) solid #02256c;\r\n        }\r\n      }\r\n      &:before{\r\n        background-image: none;\r\n        width:0;\r\n        height:0;\r\n      }\r\n    }\r\n  }\r\n\r\n}\r\n\r\n#contents {\r\n  background-color:#f1f1f1;\r\n  padding:REM(27px) 0 REM(20px) 0;\r\n  @include display-xs(){\r\n    padding:0 REM(33px / 3);\r\n  }\r\n}\r\n\r\n#footer{\r\n  background-color:#959595;\r\n  padding:REM(25px) 0 REM(35px) 0;\r\n  .logo-box{\r\n    display: block;\r\n    width:REM(125px);\r\n    height:REM(20px);\r\n    margin:0 auto;\r\n    #logo {\r\n      width:REM(125px);\r\n      height:REM(20px);\r\n    }\r\n  }\r\n  .footer-info {\r\n    @include display-flex();\r\n    align-items: center;\r\n    justify-content: center;\r\n    margin-top:REM(5px);\r\n    line-height:1.5;\r\n    dl {\r\n      @include display-flex();\r\n      align-items: center;\r\n      & + dl {\r\n        margin-left:REM(5px);\r\n      }\r\n      dt {\r\n        font-weight:$font-weight-base;\r\n        font-size:REM(10px);\r\n        color:#fff;\r\n      }\r\n      dd {\r\n        font-weight:$font-weight-base;\r\n        font-size:REM(10px);\r\n        color:#fff;\r\n        > br{\r\n          display: none;\r\n        }\r\n      }\r\n    }\r\n  }\r\n  .copyright{\r\n    text-align: center;\r\n    font-weight:$font-weight-base;\r\n    font-size:REM(8px);\r\n    margin-top:REM(15px);\r\n    color:#fff;\r\n    width: 100%;\r\n    line-height:1;\r\n  }\r\n\r\n  @include display-xs(){\r\n    padding:REM(44px / 3) REM(33px / 3) REM(60px / 3) REM(33px / 3);\r\n    @include display-flex();\r\n    flex-direction: column;\r\n\r\n    .footer-info {\r\n      order:1;\r\n      flex-wrap: wrap;\r\n      dl {\r\n        order: 3;\r\n        &:first-child {\r\n          order: 1;\r\n        }\r\n        &:last-child{\r\n          order: 2;\r\n        }\r\n        & + dl {\r\n          margin-left:REM(9px / 3);\r\n        }\r\n        dt {\r\n          font-size:REM(26px / 3);\r\n          display: inline-flex;\r\n        }\r\n        dd {\r\n          font-size:REM(26px / 3);\r\n          display: inline-flex;\r\n          text-align: center;\r\n          line-height:1.35;\r\n          > br{\r\n            display: block;\r\n          }\r\n        }\r\n      }\r\n    }\r\n    .logo-box{\r\n      order:2;\r\n      width:REM(309px / 3);\r\n      height:REM(49px / 3);\r\n      margin:REM(35px / 3) auto;\r\n      @include background-image('../images/common/footer-logo.png');\r\n      background-size: cover;\r\n      #logo {\r\n        display: none;\r\n      }\r\n    }\r\n    .copyright{\r\n      order: 3;\r\n      font-size:REM(26px / 3);\r\n    }\r\n  }\r\n}\r\n\r\n/**\r\n * 좌측 로고&검색박스\r\n */\r\n.search-box {\r\n  width: REM(169px);\r\n  height:REM(135px);\r\n  background-color:#fff;\r\n  padding:REM(30px) REM(12px) REM(20px) REM(12px);\r\n  border-radius: REM(15px);\r\n  position:relative;\r\n  box-sizing: border-box;\r\n  border:REM(1px) solid #C8C8C8FF;\r\n  .link {\r\n    @include background-image('../images/common/on-air.png');\r\n    background-size: REM(142px) REM(38px);\r\n    width:REM(142px);\r\n    height:REM(38px);\r\n    display: block;\r\n    text-indent:-9999px;\r\n    overflow:hidden;\r\n  }\r\n  .search-form {\r\n    width:100%;\r\n    position:relative;\r\n    margin-top:REM(20px);\r\n    overflow: hidden;\r\n    line-height:1;\r\n    .input {\r\n      width:100%;\r\n      height:REM(27px);\r\n      border-radius: REM(13px * 3);\r\n      border:REM(1px) solid #26356BFF;\r\n      padding:REM(5px) REM(24px) REM(5px) REM(12px) ;\r\n      box-sizing: border-box;\r\n      font-size:REM(13.52px);\r\n      line-height:1;\r\n    }\r\n    .search-btn {\r\n      width:REM(16px);\r\n      height:REM(27px);\r\n      position:absolute;\r\n      right:REM(5px);\r\n      top:0;\r\n      border:none;\r\n      background-color:transparent;\r\n      padding:0;\r\n      cursor: pointer;\r\n      line-height:REM(27px);\r\n      @include display-flex();\r\n      align-items: center;\r\n      justify-content: center;\r\n      &:focus {\r\n        outline: none;\r\n      }\r\n      .icon {\r\n        font-size:REM(16px);\r\n        color:#26356BFF;\r\n      }\r\n    }\r\n  }\r\n  @include display-xs(){\r\n    position:absolute;\r\n    left:0;\r\n    top:0;\r\n  }\r\n}\r\n\r\n\r\n/**\r\n * 좌측 메뉴\r\n */\r\n.menu-list {\r\n  border-radius: REM(15px);\r\n  width: REM(169px);\r\n  //min-height: REM(158px);\r\n  margin-top: REM(12px);\r\n  border:REM(1px) solid #C8C8C8FF;\r\n  .item {\r\n    position:relative;\r\n\r\n    .link {\r\n      display: block;\r\n      padding:REM(12.5px) 0;\r\n      font-size:REM(13.52px);\r\n      text-align: center;\r\n      line-height:1;\r\n      transition: background-color .3s ease, color .3s ease;\r\n      background-color:#fff;\r\n    }\r\n\r\n    &:first-child {\r\n      .link {\r\n        border-radius: REM(15px) REM(15px) 0 0;\r\n      }\r\n    }\r\n\r\n    &:last-child {\r\n      .link {\r\n        border-radius: 0 0 REM(15px) REM(15px);\r\n      }\r\n    }\r\n\r\n    & + .item{\r\n      border-top:REM(1px) solid #CCCCCCFF;\r\n    }\r\n\r\n    &:hover,\r\n    &.active{\r\n      .link {\r\n        background-color:#02256c;\r\n        color:#fff;\r\n      }\r\n    }\r\n\r\n    &:hover {\r\n      .submenu {\r\n        display:block;\r\n      }\r\n    }\r\n\r\n    .submenu {\r\n      position:absolute;\r\n      left:100%;\r\n      top:0;\r\n      z-index:10;\r\n      display:none;\r\n\r\n      li {\r\n        & + li {\r\n          margin-top:-1px;\r\n        }\r\n\r\n        a {\r\n          display:flex;\r\n          border: 1px solid #cccccc;\r\n          width:REM(153px);\r\n          height:REM(39px);\r\n          justify-content: center;\r\n          align-items: center;\r\n          background-color:#fff;\r\n          transition: background-color .3s ease;\r\n          font-weight:500;\r\n          font-size:REM(13.54px);\r\n        }\r\n\r\n        &:hover,\r\n        &.active {\r\n          a {\r\n            background-color: #ccc;\r\n          }\r\n        }\r\n        &:first-child {\r\n          a {\r\n            border-radius: REM(15px) REM(15px) 0 0;\r\n          }\r\n        }\r\n        &:last-child {\r\n          a {\r\n            border-radius: 0 0 REM(15px) REM(15px);\r\n          }\r\n        }\r\n\r\n      }\r\n    }\r\n  }\r\n\r\n}\r\n\r\n/**\r\n * 서브페이지\r\n */\r\n.sub-main {\r\n  width:100%;\r\n  display:flex;\r\n\r\n  .left-nav {\r\n    width:REM(170px);\r\n    flex-shrink: 0;\r\n    margin-right:REM(16px);\r\n    @include display-xs(){\r\n      margin-right: 0;\r\n      width:0;\r\n      flex-shrink: initial;\r\n      .search-box {\r\n        display: none;\r\n        width:100%;\r\n        border:0;\r\n        padding:0;\r\n        height:auto;\r\n        background-color:transparent;\r\n        top:REM(175px / 3);\r\n        &.open {\r\n          display: block;\r\n          z-index: 98;\r\n        }\r\n        .link {\r\n          display: none;\r\n          width:0;\r\n          height:0;\r\n        }\r\n        .search-form {\r\n          margin-top:0;\r\n          .input {\r\n            border-radius: 0;\r\n            border:0;\r\n            border-top:REM(3px / 3) solid #02256c;\r\n            border-bottom:REM(3px / 3) solid #02256c;\r\n          }\r\n        }\r\n      }\r\n      .menu-list {\r\n        display: none;\r\n      }\r\n    }\r\n  }\r\n\r\n  .page-contents {\r\n    flex:1;\r\n    min-width:0;\r\n    position:relative;\r\n  }\r\n}\r\n\r\n\r\n.sns-sub {\r\n  display: none;\r\n  position:relative;\r\n  top:inherit;\r\n  left:inherit;\r\n  right:inherit;\r\n  text-align:center;\r\n  padding:REM(30px / 3) REM(45px / 3);\r\n  max-width:REM(500px / 3);\r\n  width: 100%;\r\n  margin:REM(30px / 3) auto 0 auto;\r\n  @include display-xs(){\r\n    display: block;\r\n  }\r\n  &:before{\r\n    content:\"\";\r\n    position:absolute;\r\n    width:200%;\r\n    height:100%;\r\n    background-color:#fff;\r\n    top:0;\r\n    left:50%;\r\n    transform: translate(-50%, 0);\r\n  }\r\n  li{\r\n    display:inline-block;\r\n    margin:REM(5px / 3);\r\n    a {\r\n      width: REM(60px / 3);\r\n      height: REM(60px / 3);\r\n      border-radius: 50%;\r\n      background: #bcc0c9;\r\n      display: block;\r\n      position: relative;\r\n      transition: .2s;\r\n      svg {\r\n        position: absolute;\r\n        top: 50%;\r\n        left: 50%;\r\n        width: REM(40px / 3);\r\n        height:  REM(40px / 3);\r\n        transform: translate(-50%, -50%);\r\n        fill: #fff;\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n.page-contents.detail {\r\n  .sns-sub {\r\n    &:before{\r\n      background-color:transparent;\r\n    }\r\n  }\r\n}\r\n\r\n.move-top{\r\n  position:absolute;\r\n  bottom:REM(10px);\r\n  right:REM(-100px);\r\n  z-index:1;\r\n  width:REM(44px);\r\n  height:REM(44px);\r\n  font-size:0;\r\n  background:rgba(255,255,255,1);\r\n  transition:.2s;\r\n  box-shadow:2px 3px 8px rgba(0,0,0,0.15);\r\n  border-radius:50%;\r\n  @include display-xs(){\r\n    display: none;\r\n  }\r\n  svg {\r\n    position:absolute;\r\n    top:50%;\r\n    left:50%;\r\n    width:REM(20px);\r\n    height:REM(20px);\r\n    transform:translate(-50%,-50%);\r\n    fill:#666A70;\r\n    transition:.2s\r\n  }\r\n  :hover svg{transform:translate(-50%,-70%)}\r\n}","// Clear FIX\r\n@mixin clear-fix() {\r\n  display:block;\r\n  clear:both;\r\n  content:\"\";\r\n}\r\n\r\n@mixin clear-fix-after() {\r\n  &:after {\r\n    @include clear-fix();\r\n  }\r\n}\r\n\r\n// Button Default Style\r\n@mixin button-default() {\r\n  display: inline-block;\r\n  margin:0;\r\n  font-weight: normal;\r\n  text-align: center;\r\n  white-space: nowrap;\r\n  user-select: none;\r\n  text-decoration: none;\r\n  outline:0;\r\n  vertical-align:middle;\r\n\r\n  &:disabled,\r\n  &.disabled {\r\n    opacity:0.65;\r\n  }\r\n\r\n  &:not([disabled]):not(.disabled) {\r\n    cursor: pointer;\r\n  }\r\n}\r\n\r\n// background Image\r\n@mixin background-image( $image_url, $bg_color:transparent, $background-repeat:no-repeat, $background-position-x:center, $background-position-y:center )\r\n{\r\n  background-color:$bg_color;\r\n  background-image:url($image_url);\r\n  background-repeat: $background-repeat;\r\n  background-position-x:$background-position-x;\r\n  background-position-y:$background-position-y;\r\n}\r\n\r\n// Global Transition\r\n@mixin transition($second:.3s, $target:all, $animation:$default-animation)\r\n{\r\n  -webkit-transition: $target $second $animation;\r\n  -moz-transition: $target $second $animation;\r\n  -ms-transition: $target $second $animation;\r\n  -o-transition: $target $second $animation;\r\n  transition: $target $second $animation;\r\n}\r\n\r\n// Display flex & Prefix\r\n@mixin display-flex()\r\n{\r\n  -webkit-display:flex;\r\n  display:-ms-flex;\r\n  display:flex;\r\n}\r\n\r\n// Media Query\r\n@mixin media($args...) {\r\n  $query: \"\";\r\n  @each $arg in $args {\r\n    $op: \"\";\r\n    @if ( $query != \"\" ) {\r\n      $op: \" and \";\r\n    }\r\n    $query: $query + $op + translate-media-condition($arg);\r\n  }\r\n  @media #{$query}  { @content; }\r\n}\r\n\r\n@mixin display-lg() {\r\n  @media screen and (min-width:$break-lg + 1) {\r\n    @content;\r\n  }\r\n}\r\n\r\n@mixin display-md() {\r\n  @media screen and (max-width:$break-lg) {\r\n    @content;\r\n  }\r\n}\r\n\r\n@mixin display-sm() {\r\n  @media screen and (max-width:$break-md) {\r\n    @content;\r\n  }\r\n}\r\n\r\n@mixin display-xs() {\r\n  @media screen and (max-width:$break-sm) {\r\n    @content;\r\n  }\r\n}\r\n\r\n\r\n@mixin background-image-retina($path, $ext: \"png\", $w: 100%, $h: 100%, $pos-x: center, $pos-y:center, $repeat: no-repeat) {\r\n  $at1x_path: \"#{$path}.#{$ext}\";\r\n  $at2x_path: \"#{$path}@2x.#{$ext}\";\r\n  $at3x_path: \"#{$path}@3x.#{$ext}\";\r\n\r\n  background-image: url(\"#{$at1x_path}\");\r\n  background-size: $w $h;\r\n  background-position-x: $pos-x;\r\n  background-position-y: $pos-y;\r\n  background-repeat: $repeat;\r\n\r\n  @media all and (-webkit-min-device-pixel-ratio : 1.5),\r\n  all and (-o-min-device-pixel-ratio: 3/2),\r\n  all and (min--moz-device-pixel-ratio: 1.5),\r\n  all and (min-device-pixel-ratio: 1.5) {\r\n    background-image: url(\"#{$at2x_path}\");\r\n  }\r\n  @media all and (-webkit-min-device-pixel-ratio : 2.5),\r\n  all and (-o-min-device-pixel-ratio: 5/2),\r\n  all and (min--moz-device-pixel-ratio: 2.5),\r\n  all and (min-device-pixel-ratio: 2.5) {\r\n    background-image: url(\"#{$at3x_path}\");\r\n  }\r\n}","/***************************************************************************************\r\n * 유틸리티\r\n ****************************************************************************************/\r\n.sr-only {\r\n  position: absolute;\r\n  width: 1px;\r\n  height: 1px;\r\n  padding: 0;\r\n  overflow: hidden;\r\n  clip: rect(0, 0, 0, 0);\r\n  white-space: nowrap;\r\n  border: 0;\r\n\r\n  &.sr-only-focusable {\r\n    &:active,\r\n    &:focus {\r\n      position: static;\r\n      width: auto;\r\n      height: auto;\r\n      overflow: visible;\r\n      clip: auto;\r\n      white-space: normal;\r\n    }\r\n  }\r\n}\r\n\r\n.clearfix {\r\n  &,\r\n  &:before,\r\n  &:after {\r\n    @include clear-fix();\r\n  }\r\n}\r\n\r\n@for $i from 1 to 100{\r\n  .W#{$i * 5} {\r\n    width: 5px * $i !important;\r\n  }\r\n  .H#{$i * 5} {\r\n    height:5px * $i !important;\r\n  }\r\n}\r\n@for $i from 0 to 21 {\r\n  .M#{$i * 5} {\r\n    margin:5px * $i !important;\r\n  }\r\n  .MT#{$i * 5} {\r\n    margin-top:5px * $i !important;\r\n  }\r\n  .MR#{$i*5} {\r\n    margin-right:5px * $i !important;\r\n  }\r\n  .MB#{$i * 5} {\r\n    margin-bottom:5px * $i !important;\r\n  }\r\n  .ML#{$i * 5} {\r\n    margin-left:5px * $i !important;\r\n  }\r\n  .PT#{$i * 5} {\r\n    padding-top:5px * $i !important;\r\n  }\r\n  .PR#{$i * 5} {\r\n    padding-right:5px * $i !important;\r\n  }\r\n  .PB#{$i * 5} {\r\n    padding-bottom:5px * $i !important;\r\n  }\r\n  .PL#{$i * 5} {\r\n    padding-left:5px * $i !important;\r\n  }\r\n  .P#{$i * 5} {\r\n    padding:5px * $i !important;\r\n  }\r\n}\r\n\r\n@for $i from 1 to 21{\r\n  .W#{$i * 5}P {\r\n    width: 5% * $i !important;\r\n  }\r\n}\r\n\r\n.text-left {\r\n  text-align: left !important;\r\n}\r\n\r\n.text-right {\r\n  text-align:right !important;;\r\n}\r\n\r\n.text-center {\r\n  text-align:center !important;\r\n}\r\n\r\n.display-flex {\r\n  @include display-flex;\r\n\r\n  &.align-center {\r\n    align-items: center;\r\n  }\r\n\r\n  &.justify-center {\r\n    justify-content: center;\r\n  }\r\n\r\n  &.dir-column {\r\n    flex-direction: column;\r\n  }\r\n}",".breadcrumb {\r\n  width:100%;\r\n  margin:0 0 REM(5px) 0;\r\n  padding:0 0 0 REM(186px); // 좌측 메뉴 만큼 띄워주기\r\n\r\n  ol {\r\n    list-style:none;\r\n    display:flex;\r\n    padding:0;\r\n    margin:0;\r\n\r\n    li {\r\n      a,span {\r\n        color:#252525;\r\n        font-size:REM(14px);\r\n        font-weight:600;\r\n      }\r\n\r\n      & + li {\r\n        a, span {\r\n          &:before {\r\n            content: '>';\r\n            color:#252525;\r\n            font-size:REM(14px);\r\n            font-weight:600;\r\n            margin:0 REM(3px);\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  @include display-xs(){\r\n    padding : 0;\r\n    ol {\r\n      li {\r\n        a,span {\r\n\r\n          font-size:REM(30px / 3);\r\n        }\r\n\r\n        & + li {\r\n          a, span {\r\n            &:before {\r\n              font-size:REM(30px / 3);\r\n              margin:0 REM(12px / 3);\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n}",".contents-box {\r\n  background:#fff;\r\n  border-radius:REM(15px);\r\n  padding:REM(16px) REM(32px);\r\n  margin:0 0 REM(20px) 0;\r\n\r\n  .contents-header {\r\n    display:flex;\r\n    align-items: center;\r\n    justify-content: flex-start;\r\n    border-bottom:2px solid #02256c;\r\n    padding:REM(10px) 0;\r\n\r\n    .contents-title {\r\n      font-size:REM(25px);\r\n      color:#02256c;\r\n      font-weight:600;\r\n      line-height:1em;\r\n    }\r\n  }\r\n\r\n  @include display-xs(){\r\n    border-radius:REM(30px / 3);\r\n    padding:REM(32px / 3) REM(45px / 3);\r\n    margin:0 0 REM(60px /3) 0;\r\n\r\n    .contents-header {\r\n      border-bottom:2px solid #02256c;\r\n      padding:REM(10px) 0;\r\n\r\n      .contents-title {\r\n        font-size:REM(39px / 3);\r\n      }\r\n    }\r\n  }\r\n}",".pagination {\r\n  display:block;\r\n  width:100%;\r\n\r\n  ol {\r\n    width:100%;\r\n    display:flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    @include display-xs(){\r\n      flex-direction: row;\r\n      flex-wrap: wrap;\r\n      margin-bottom:REM(45px / 3);\r\n    }\r\n\r\n    li {\r\n      a, span {\r\n        display:flex;\r\n        width:REM(28px);\r\n        height:REM(28px);\r\n        justify-content: center;\r\n        align-items: center;\r\n        border-radius:100%;\r\n        color:#707070;\r\n        background-color:transparent;\r\n        transition: color .3s ease, background-color .3s ease;\r\n        cursor:pointer;\r\n        @include display-xs(){\r\n          width:REM(60px / 3);\r\n          height:REM(60px / 3);\r\n          font-size:REM(30px / 3);\r\n        }\r\n      }\r\n\r\n      &.active,\r\n      &:not(.disabled):not(.active):hover {\r\n        a, span {\r\n          background-color:#02256c;\r\n          color:#fff;\r\n        }\r\n      }\r\n\r\n      &.active {\r\n        a, span {\r\n          cursor:default;\r\n        }\r\n      }\r\n\r\n      &.disabled {\r\n        a, span {\r\n          opacity:.4;\r\n          cursor:default;\r\n        }\r\n      }\r\n    }\r\n  }\r\n}","/**********************************************************************************************************************\r\n * 메인페이지\r\n ***********************************************************************************************************************/\r\n#main{\r\n  width:100%;\r\n  .box {\r\n    position: relative;\r\n    overflow: hidden;\r\n    .box-link{\r\n      width:100%;\r\n      height:100%;\r\n      position:absolute;\r\n      left:0;\r\n      top:0;\r\n    }\r\n  }\r\n\r\n  .main-top {\r\n    @include display-flex();\r\n    align-items: stretch;\r\n    justify-content: space-between;\r\n    @include display-xs(){\r\n      flex-direction: column;\r\n    }\r\n    .line-01 {\r\n      width:REM(169px);\r\n      @include display-xs(){\r\n        #nav {\r\n          .menu-list,\r\n          .family-list {\r\n            display: none;\r\n          }\r\n        }\r\n      }\r\n    }\r\n    .line-02 {\r\n      width:REM(416px);\r\n      @include display-flex();\r\n      flex-direction: column;\r\n      .top{\r\n        border:REM(1px) solid #26356BFF;\r\n        border-radius: REM(15px);\r\n        width:REM(417px);\r\n        height:REM(234px);\r\n        overflow: hidden;\r\n        background-size: cover;\r\n        position:relative;\r\n      }\r\n      .bottom {\r\n        margin-top:REM(12px);\r\n        @include display-flex();\r\n        justify-content: space-between;\r\n        align-items: stretch;\r\n        .left {\r\n          position: relative;\r\n          border-radius: REM(15px);\r\n          width: REM(229px);\r\n          height: REM(229px);\r\n          background-color:#33CC99FF;\r\n          overflow:hidden;\r\n          border:REM(1px) solid #C8C8C8FF;\r\n          .link {\r\n            width: 100%;\r\n            height:100%;\r\n            padding:REM(15px);\r\n            @include display-flex();\r\n            align-items: flex-start;\r\n            flex-direction: column;\r\n            .title {\r\n              font-size:REM(36.83px);\r\n              font-weight:$font-weight-extra-bold;\r\n              line-height:1.15;\r\n              color:#fff;\r\n              font-family: $font-family-base;\r\n              padding-bottom:REM(28px);\r\n              position:relative;\r\n              &:before{\r\n                content:\"\";\r\n                width:REM(66px);\r\n                height:REM(5px);\r\n                background-color:#fff;\r\n                position:absolute;\r\n                left:0;\r\n                bottom:REM(12px);\r\n              }\r\n            }\r\n            .date{\r\n              display: block;\r\n              margin-bottom:REM(12px);\r\n              > dd {\r\n                font-size:REM(18.25px);\r\n                color:#fff;\r\n              }\r\n            }\r\n            .info {\r\n              padding:0;\r\n              li {\r\n                font-size:REM(15.23px);\r\n                color:#fff;\r\n                margin-bottom:REM(5px);\r\n                line-height: 1;\r\n              }\r\n            }\r\n          }\r\n        }\r\n        .right{\r\n          .box {\r\n            border:REM(1px) solid #C8C8C8FF;\r\n            border-radius: REM(15px);\r\n            position:relative;\r\n            background-size:cover;\r\n            overflow:hidden;\r\n            &.top{\r\n              width: REM(179px);\r\n              height: REM(107px);\r\n              overflow: hidden;\r\n            }\r\n            &.bottom{\r\n              width: REM(179px);\r\n              height: REM(111px);\r\n              overflow: hidden;\r\n            }\r\n          }\r\n        }\r\n      }\r\n      @include display-xs(){\r\n        width:100%;\r\n        position:relative;\r\n        .top {\r\n          width:100%;\r\n          height:REM(368px  / 3);\r\n          border-radius: REM(20px / 3);\r\n        }\r\n        .bottom {\r\n          flex-direction: row-reverse;\r\n          margin-top:REM(20px / 3);\r\n          .left {\r\n            border-radius: REM(20px / 3);\r\n            width: REM(310px / 3);\r\n            height: REM(367px / 3);\r\n            border:REM(1px) solid #C8C8C8FF;\r\n            .link {\r\n              padding:REM(20px / 3);\r\n              @include display-flex();\r\n              align-items: flex-start;\r\n              flex-direction: column;\r\n              .title {\r\n                font-size:REM(53px / 3);\r\n                font-family: $font-family-base;\r\n                padding-bottom:REM(50px / 3);\r\n                position:relative;\r\n                &:before{\r\n                  width:REM(98px / 3);\r\n                  height:REM(10px / 3);\r\n                  background-color:#fff;\r\n                  bottom:REM(24px / 3);\r\n                }\r\n              }\r\n              .date{\r\n                margin-bottom:REM(15px / 3);\r\n                > dd {\r\n                  font-size:REM(27px / 3);\r\n                }\r\n              }\r\n              .info {\r\n                li {\r\n                  font-size:REM(22px / 3);\r\n                  margin-bottom:REM(10px / 3);\r\n                }\r\n              }\r\n            }\r\n          }\r\n          .right{\r\n            .box {\r\n              border-radius: REM(20px / 3);\r\n              &.top{\r\n                width: REM(335px / 3);\r\n                height: REM(235px / 3);\r\n                overflow: hidden;\r\n                position:absolute;\r\n                right:0;\r\n                top:REM(775px / 3);\r\n              }\r\n              &.bottom{\r\n                width: REM(318px / 3);\r\n                height: REM(367px / 3);\r\n                overflow: hidden;\r\n                margin-top:0;\r\n              }\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n    .line-03 {\r\n      width:REM(191px);\r\n      @include display-flex();\r\n      flex-direction: column;\r\n      .top {\r\n        border:REM(1px) solid #C8C8C8FF;\r\n        border-radius: REM(15px);\r\n        width: REM(191px);\r\n        height: REM(351px);\r\n        overflow: hidden;\r\n        background-size: cover;\r\n        background-position: center center;\r\n      }\r\n      .bottom {\r\n        border-radius: REM(15px);\r\n        border:REM(1px) solid #C8C8C8FF;\r\n        width: REM(192px);\r\n        height: REM(112px);\r\n        background-color:#FFB400FF;\r\n        margin-top:REM(12px);\r\n        .link {\r\n          @include display-flex();\r\n          flex-direction: column;\r\n          padding:REM(10px) REM(10px);\r\n        }\r\n        .title{\r\n          font-size:REM(18px);\r\n          font-weight:$font-weight-extra-bold;\r\n          line-height:1.15;\r\n          color:#fff;\r\n          font-family: $font-family-base;\r\n          padding-bottom:REM(28px);\r\n          position:relative;\r\n          letter-spacing: REM(-1px);\r\n          &:before{\r\n            content:\"\";\r\n            width:REM(66px);\r\n            height:REM(5px);\r\n            background-color:#fff;\r\n            position:absolute;\r\n            left:0;\r\n            bottom:REM(12px);\r\n          }\r\n        }\r\n        .sub-text{\r\n          font-size:REM(18.36px);\r\n          line-height: REM(21px);\r\n          width:100%;\r\n          height: REM(42px);\r\n          min-height:REM(42px);\r\n          color:#fff;\r\n          word-wrap: break-word;\r\n          word-break: keep-all;\r\n          overflow: hidden;\r\n          text-overflow: ellipsis;\r\n          display: -webkit-box;\r\n          -webkit-line-clamp: 2;\r\n          -webkit-box-orient: vertical;\r\n          min-width: 0;\r\n        }\r\n      }\r\n      @include display-xs(){\r\n        width:100%;\r\n        margin-top:REM(20px / 3);\r\n        flex-direction: row;\r\n        justify-content: space-between;\r\n        .top {\r\n          border-radius: REM(20px / 3);\r\n          width: REM(300px / 3);\r\n          height: REM(530px / 3);\r\n        }\r\n        .bottom {\r\n          border-radius: REM(20px / 3);\r\n          width: REM(335px / 3);\r\n          height: REM(276px / 3);\r\n          margin-top:REM(20px / 3);\r\n          align-self: flex-end;\r\n          box-sizing: border-box;\r\n          .link {\r\n            padding:REM(20px / 3);\r\n          }\r\n          .title{\r\n            font-size:REM(51px  / 3);\r\n            padding-bottom:REM(56px / 3);\r\n            word-wrap: break-word;\r\n            word-break: keep-all;\r\n\r\n            &:before{\r\n              content:\"\";\r\n              width:REM(107px / 3);\r\n              height:REM(7px / 3);\r\n              background-color:#fff;\r\n              position:absolute;\r\n              left:0;\r\n              bottom:REM(24px / 3);\r\n            }\r\n          }\r\n          .sub-text{\r\n            font-size:REM(22px / 3);\r\n            line-height: REM(30px / 3);\r\n            height: REM(60px / 3);\r\n            min-height:REM(60px / 3);\r\n            color:#fff;\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n  .main-center {\r\n    margin:REM(15px) 0 REM(50px) 0;\r\n    .line-banner{\r\n      border:REM(1px) solid #C8C8C8FF;\r\n      width:100%;\r\n      height:REM(71px);\r\n      border-radius: REM(12px);\r\n      background-position: center center;\r\n      overflow: hidden;\r\n      background-size: cover;\r\n\r\n    }\r\n    @include display-xs(){\r\n      margin:REM(20px / 3) 0;\r\n      .line-banner{\r\n        width:100%;\r\n        height:REM(65px / 3);\r\n        border-radius: REM(20px / 3);\r\n      }\r\n    }\r\n  }\r\n  .family-list.mobile {\r\n    display: none;\r\n    @include display-xs(){\r\n      @include display-flex();\r\n      justify-content: center;\r\n      width:100%;\r\n      height:REM(120px / 3);\r\n      border-radius: REM(20px / 3);\r\n      padding-top:REM(60px / 3);\r\n      position:relative;\r\n      background-color:#fff;\r\n      border:REM(1px) solid #cccccc;\r\n      margin-bottom:REM(80px / 3);\r\n      &:before{\r\n        content:\"국민연금공단 SNS 바로가기\";\r\n        font-size:REM(26px / 3);\r\n        font-weight:$font-weight-bold;\r\n        position:absolute;\r\n        width:100%;\r\n        text-align: center;\r\n        left:0;\r\n        top:REM(15px / 3);\r\n        line-height:1;\r\n      }\r\n      .item{\r\n        a {\r\n          @include display-flex();\r\n          align-items: center;\r\n          justify-content: space-between;\r\n          position:relative;\r\n          padding-left:REM(45px / 3);\r\n          font-size:REM(18.5px / 3);\r\n          height:REM(40px / 3);\r\n          line-height:1;\r\n          &:before{\r\n            content:\"\";\r\n            display: block;\r\n            width:REM(40px  / 3);\r\n            height:REM(40px / 3);\r\n            border-radius: REM(10px / 3);\r\n            background-color:#02256CFF;\r\n            position:absolute;\r\n            left:0;\r\n            top:50%;\r\n            transform: translate(0, -50%);\r\n          }\r\n          &:after{\r\n            content:\"\";\r\n            position:absolute;\r\n            left:0;\r\n            top:50%;\r\n            transform: translate(0, -50%);\r\n            background-size: cover;\r\n          }\r\n        }\r\n        &.tv {\r\n          > a {\r\n            &:after{\r\n              width:REM(22px / 3);\r\n              height:REM(22px / 3);\r\n              margin-left:REM(8.5px / 3);\r\n              @include background-image('../images/common/tv.png')\r\n            }\r\n          }\r\n        }\r\n        &.instagram {\r\n          margin-left:REM(50px / 3);\r\n          > a {\r\n            &:after{\r\n              width:REM(22px / 3);\r\n              height:REM(22px / 3);\r\n              margin-left:REM(9px / 3);\r\n              @include background-image('../images/common/instagram.png')\r\n            }\r\n          }\r\n        }\r\n        &.blog {\r\n          margin-left:REM(50px / 3);\r\n          > a {\r\n            &:after{\r\n              width:REM(22px / 3);\r\n              height:REM(22px / 3);\r\n              margin-left:REM(8.5px / 3);\r\n              @include background-image('../images/common/blog.png')\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n  .main-bottom {\r\n    @include display-flex();\r\n    justify-content: space-between;\r\n    position:relative;\r\n    z-index:1;\r\n    @include display-xs(){\r\n      flex-direction: column;\r\n    }\r\n    .title-box {\r\n      @include display-flex();\r\n      align-items: center;\r\n      justify-content: space-between;\r\n      border-bottom:REM(1px) solid #02205b;\r\n      padding-bottom:REM(10px);\r\n      margin-bottom:REM(10px);\r\n      @include display-xs(){\r\n        justify-content: flex-end;\r\n        padding-bottom:REM(20px / 3);\r\n        margin-bottom:REM(20px / 3);\r\n      }\r\n    }\r\n    .slide-title {\r\n      font-size:REM(23.57px);\r\n      line-height:1;\r\n      color:#02205b;\r\n      @include display-xs(){\r\n        display: none;\r\n      }\r\n    }\r\n    .control-box {\r\n      @include display-flex();\r\n      align-items: center;\r\n      justify-content: space-between;\r\n      .btn {\r\n        background-color:#fff;\r\n        width:REM(24px);\r\n        height:REM(24px);\r\n        border-radius: REM(24px);\r\n        border:none;\r\n        @include display-flex();\r\n        align-items: center;\r\n        justify-content: center;\r\n        margin-left:REM(15px);\r\n        line-height:1;\r\n        padding:0;\r\n        &.btn-right{\r\n          margin-left:REM(5px);\r\n        }\r\n        .icon {\r\n          font-size:REM(24px);\r\n        }\r\n        &:active,\r\n        &:hover,\r\n        &:focus,\r\n        &:focus-visible,\r\n        &:focus-within{\r\n          width:100%;\r\n          outline: none;\r\n          background-color: #d5d8e1;\r\n          cursor: pointer;\r\n          overflow:hidden;\r\n        }\r\n      }\r\n      .swiper-pagination {\r\n        position:relative;\r\n        left:0;\r\n        transform: translate(0);\r\n        height:REM(24px);\r\n        bottom: 0;\r\n        @include display-flex();\r\n        align-items: center;\r\n        overflow: initial;\r\n      }\r\n      .swiper-pagination-bullet{\r\n        background-color:#8b93ae;\r\n        width:REM(7px);\r\n        height:REM(7px);\r\n        &.swiper-pagination-bullet-active {\r\n          width:REM(18px);\r\n          border-radius: REM(9px);\r\n          background-color:#02205b;\r\n        }\r\n      }\r\n      @include display-xs(){\r\n        .btn {\r\n          width:REM(42px / 3);\r\n          height:REM(42px / 3);\r\n          border-radius: REM(42px / 3);\r\n          margin-left:REM(26px / 3);\r\n          &.btn-right{\r\n            margin-left:REM(15px / 3);\r\n          }\r\n          .icon {\r\n            font-size:REM(38px / 3);\r\n          }\r\n        }\r\n        .swiper-pagination {\r\n          height:REM(42px / 3);\r\n        }\r\n        .swiper-pagination-bullet{\r\n          width:REM(12px / 3);\r\n          height:REM(12px / 3);\r\n          &.swiper-pagination-bullet-active {\r\n            width:REM(28px / 3);\r\n            border-radius: REM(14px / 3);\r\n          }\r\n        }\r\n      }\r\n    }\r\n    .left-slide{\r\n      width:REM(416px);\r\n      .swiper-container {\r\n        width:REM(416px);\r\n        height:REM(375px);\r\n        overflow:hidden;\r\n      }\r\n      .recent-list {\r\n        .swiper-slide {\r\n          padding:REM(12px) 0;\r\n          height: REM(78px) !important;\r\n          border-bottom:REM(1px) solid #26356b;\r\n          box-sizing: border-box;\r\n          .link {\r\n            @include display-flex();\r\n            width: 100%;\r\n            position:relative;\r\n            min-width: 0;\r\n            &:after{\r\n              content:\"\\e5e1\";\r\n              font-family: 'Material Symbols Outlined';\r\n              font-weight: normal;\r\n              font-style: normal;\r\n              line-height: 1;\r\n              letter-spacing: normal;\r\n              text-transform: none;\r\n              display: inline-block;\r\n              white-space: nowrap;\r\n              word-wrap: normal;\r\n              direction: ltr;\r\n              -webkit-font-feature-settings: 'liga';\r\n              -webkit-font-smoothing: antialiased;\r\n              font-size:REM(30px);\r\n              position:absolute;\r\n              right:0;\r\n              font-weight:200;\r\n              top:50%;\r\n              transform: translate(0,-50%);\r\n            }\r\n          }\r\n          .date{\r\n            font-size:REM(12.75px);\r\n            font-weight:$font-weight-semi-bold;\r\n            line-height:1;\r\n            color:#02205b;\r\n            flex-shrink: 0;\r\n            .big{\r\n              display: block;\r\n              font-size:REM(34.38px);\r\n              font-weight:$font-weight-bold;\r\n            }\r\n          }\r\n          .notice-text {\r\n            margin-left:REM(15px);\r\n            @include display-flex();\r\n            justify-content: space-evenly;\r\n            flex-direction: column;\r\n            color:#02205b;\r\n            flex:1;\r\n            min-width:0;\r\n\r\n            .label{\r\n              display: block;\r\n              font-size:REM(12.75px);\r\n              line-height:1;\r\n              color:#02205b;\r\n\r\n              a {\r\n                color:inherit;\r\n              }\r\n            }\r\n            .title{\r\n              width:100%;\r\n              padding-right:REM(50px);\r\n              font-size:REM(15.75px);\r\n              text-overflow: ellipsis;\r\n              white-space: nowrap;\r\n              overflow: hidden;\r\n              margin-bottom:0;\r\n              a {\r\n                color:inherit;\r\n              }\r\n            }\r\n          }\r\n        }\r\n      }\r\n\r\n      @include display-xs(){\r\n        width:100%;\r\n        .swiper-container {\r\n          width:100%;\r\n          height:REM(624px / 3);\r\n          overflow:hidden;\r\n        }\r\n        .recent-list {\r\n          .swiper-slide {\r\n            padding:REM(25px / 3) 0;\r\n            height: REM(126px / 3) !important;\r\n            .link {\r\n              @include display-flex();\r\n              width: 100%;\r\n              position:relative;\r\n              &:after{\r\n                font-size:REM(60px / 3);\r\n              }\r\n            }\r\n            .date{\r\n              font-size:REM(21.73px / 3);\r\n              .big{\r\n                font-size:REM(54.32px / 3);\r\n              }\r\n            }\r\n            .notice-text {\r\n\r\n              margin-left:REM(35px / 3);\r\n              .label{\r\n                font-size:REM(24.83px / 3);\r\n              }\r\n              .title{\r\n                font-size:REM(24.83px / 3);\r\n                padding-right:REM(50px / 3);\r\n              }\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n    .right-slide{\r\n      width:REM(360px);\r\n      overflow: hidden;\r\n      .swiper-slide {\r\n        width:REM(175px) !important;\r\n        height:REM(315px);\r\n        border-radius: REM(15px);\r\n        border:none;\r\n        background-size: cover;\r\n        overflow: hidden;\r\n        &.swiper-slide{\r\n          margin-right:REM(8px);\r\n        }\r\n        &:last-child {\r\n          margin-right:0;\r\n        }\r\n      }\r\n      .swiper-slide.full {\r\n        width:100% !important;\r\n        height:REM(195px);\r\n        border-radius: REM(20px);\r\n      }\r\n      .btn-more{\r\n        display: none;\r\n      }\r\n      @include display-xs(){\r\n        width:100%;\r\n        .title-box {\r\n          display: none;\r\n        }\r\n        .swiper-slide {\r\n          width:REM(317px / 3) !important;\r\n          height:REM(584px / 3);\r\n          border-radius: REM(20px / 3);\r\n          &.swiper-slide{\r\n            margin-right:REM(13px / 3);\r\n          }\r\n          &:last-child {\r\n            margin-right:0;\r\n          }\r\n        }\r\n        .swiper-slide.full {\r\n          width:100% !important;\r\n          height:REM(390px / 3);\r\n          border-radius: REM(45px / 3);\r\n        }\r\n        .btn-more {\r\n          display: block;\r\n          font-size:REM(31.7px / 3);\r\n          border:REM(1px) solid #7D7D7DFF;\r\n          color:#7D7D7DFF;\r\n          width: 100%;\r\n          height: REM(79px / 3);\r\n          margin:REM(37px / 3) 0 REM(57px / 3) 0;\r\n\r\n        }\r\n      }\r\n    }\r\n\r\n  }\r\n}",".common-list {\r\n  list-style:none;\r\n  padding:0;\r\n  margin:0;\r\n\r\n  .thumbnail {\r\n    position:relative;\r\n    padding:0;\r\n    margin:0;\r\n    overflow: hidden;\r\n\r\n    .thumbnail-link {\r\n      display:flex;\r\n      width:100%;\r\n      height:100%;\r\n\r\n      .thumbnail-img {\r\n        width:100%;\r\n        height:100%;\r\n        display:block;\r\n        object-fit: cover;\r\n\r\n      }\r\n\r\n      @include display-xs(){\r\n        width: 100%;\r\n        height: fit-content;\r\n        .thumbnail-img {\r\n          object-fit: initial;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  .item-content {\r\n    .item-title {\r\n      color:#02256c;\r\n      font-size:REM(14px);\r\n      display:block;\r\n      width:100%;\r\n      /*\r\n      white-space: nowrap;\r\n      text-overflow: ellipsis;\r\n      overflow: hidden;\r\n      letter-spacing: -0.025em;\r\n      */\r\n      font-weight:700;\r\n\r\n      a {\r\n        color:inherit;\r\n\r\n        &:hover {\r\n          text-decoration: underline;\r\n        }\r\n      }\r\n\r\n      @include display-xs(){\r\n        font-size:REM(36px / 3);\r\n        margin-bottom:REM(12px / 3);\r\n        white-space: initial;\r\n        word-wrap: break-word;\r\n        word-break: keep-all;\r\n      }\r\n    }\r\n\r\n    .item-summary {\r\n      font-size:REM(12px);\r\n      color:#252525;\r\n      display: -webkit-box;\r\n      -webkit-box-orient: vertical;\r\n      word-wrap:break-word;\r\n      letter-spacing: -0.025em;\r\n      overflow: hidden;\r\n      text-overflow: ellipsis;\r\n      margin: REM(5px) 0 REM(5px) 0;\r\n      font-weight:500;\r\n      height: 1.28em * 2;\r\n      -webkit-line-clamp: 2;\r\n      line-height:1.28em;\r\n\r\n      a {\r\n        color:inherit;\r\n\r\n        &:hover {\r\n          text-decoration: underline;\r\n        }\r\n      }\r\n    }\r\n\r\n    .item-info {\r\n      margin:0;\r\n      padding:0;\r\n\r\n      dl {\r\n        margin:0;\r\n        display:flex;\r\n        align-items: center;\r\n\r\n        dt {\r\n          margin:0 REM(10px) 0 0;\r\n        }\r\n\r\n        dd {\r\n          font-size:REM(12px);\r\n          color:#959595;\r\n          font-weight:500;\r\n          @include display-xs(){\r\n            font-size:REM(28px / 3);\r\n            line-height:1;\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  &.news {\r\n    .item {\r\n      display:flex;\r\n      padding:REM(20px) 0;\r\n      border-bottom:1px solid #02256c;\r\n\r\n      .thumbnail {\r\n        width:REM(182px);\r\n        height:REM(133px);\r\n\r\n        flex-shrink: 0;\r\n        margin-right:REM(13px);\r\n      }\r\n\r\n      .item-content {\r\n\r\n        flex:1;\r\n        min-width:0;\r\n        padding:0 0 REM(8px) 0;\r\n\r\n        .item-summary {\r\n          height: 1.28em * 4;\r\n          -webkit-line-clamp: 4;\r\n          line-height:1.28em;\r\n        }\r\n      }\r\n\r\n      @include display-xs(){\r\n        flex-direction: column;\r\n        padding:REM(20px / 3) 0;\r\n        .thumbnail {\r\n          width: 100%;\r\n          margin-right:0;\r\n        }\r\n        .item-content {\r\n          .item-summary {\r\n            font-size:REM(28px / 3);\r\n            height: 1.28em * 4;\r\n            -webkit-line-clamp: 4;\r\n            line-height:1.28em;\r\n          }\r\n        }\r\n      }\r\n    }\r\n    &.inner{\r\n      @include display-flex();\r\n      flex-wrap: wrap;\r\n      margin:0 0 REM(30px / 3) 0;\r\n      padding-bottom:REM(30px);\r\n      .item {\r\n        width:50%;\r\n        padding:REM(10px) REM(15px);\r\n        @include display-flex();\r\n        align-items: center;\r\n        border-bottom: 1px solid #c2c2c2;\r\n\r\n        .thumbnail {\r\n          width:REM(100px);\r\n          height:REM(100px);\r\n          margin:0 auto REM(10px);\r\n          flex-shrink:0;\r\n        }\r\n\r\n        .item-content {\r\n          padding-left:REM(15px);\r\n          .item-title {\r\n            font-size:REM(14px);\r\n            white-space: initial;\r\n          }\r\n        }\r\n\r\n        @include display-xs(){\r\n          width:100%;\r\n          padding:REM(12px / 3) REM(15px/ 3);\r\n          @include display-flex();\r\n          flex-direction: row;\r\n          .thumbnail {\r\n            width:REM(120px / 3);\r\n            height:REM(80px / 3);\r\n            margin:0;\r\n            flex-shrink:0;\r\n          }\r\n          .item-content {\r\n            padding-left:REM(30px / 3);\r\n            .item-title {\r\n              font-size:REM(21px / 3);\r\n              white-space: initial;\r\n              margin-bottom:0;\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  &.toons {\r\n    display:flex;\r\n    flex-wrap:wrap;\r\n\r\n    .item {\r\n      width:50%;\r\n      padding:REM(10px) REM(15px);\r\n\r\n      .thumbnail {\r\n        width:REM(216px);\r\n        height:REM(216px);\r\n        margin:0 auto REM(10px)\r\n      }\r\n\r\n      @include display-xs(){\r\n        width:100%;\r\n        padding:REM(15px / 3) REM(20px / 3);\r\n        border-bottom: 1px solid #c2c2c2;\r\n        margin-bottom:REM(30px / 3);\r\n        .thumbnail{\r\n          width:100%;\r\n          height:auto;\r\n        }\r\n      }\r\n    }\r\n    &.inner{\r\n      .item {\r\n        width:50%;\r\n        padding:REM(10px) REM(15px);\r\n        @include display-flex();\r\n        align-items: center;\r\n\r\n        .thumbnail {\r\n          width:REM(100px);\r\n          height:REM(100px);\r\n          margin:0 auto REM(10px);\r\n          flex-shrink:0;\r\n        }\r\n\r\n        .item-content {\r\n          padding-left:REM(15px);\r\n          .item-title {\r\n            font-size:REM(14px);\r\n            white-space: initial;\r\n          }\r\n        }\r\n\r\n        @include display-xs(){\r\n          width:100%;\r\n          padding:REM(12px / 3) REM(15px/ 3);\r\n          .thumbnail {\r\n            width:REM(150px / 3);\r\n            height:REM(150px / 3);\r\n            margin:0;\r\n            flex-shrink:0;\r\n          }\r\n          .item-content {\r\n            padding-left:REM(30px / 3);\r\n            .item-title {\r\n              font-size:REM(21px / 3);\r\n              white-space: initial;\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  &.shorts {\r\n    margin:0 REM(-4px);\r\n    display:flex;\r\n    flex-wrap:wrap;\r\n\r\n    .item {\r\n      width:25%;\r\n      padding:REM(20px) REM(4px);\r\n\r\n      .thumbnail {\r\n        width:REM(134px);\r\n        height:REM(220px);\r\n        margin:0 0 REM(8px);\r\n      }\r\n\r\n      .item-content {\r\n        /*\r\n        .item-title {\r\n          display: -webkit-box;\r\n          -webkit-box-orient: vertical;\r\n          word-wrap:break-word;\r\n          overflow: hidden;\r\n          text-overflow: ellipsis;\r\n          height: 1.28em * 2;\r\n          -webkit-line-clamp: 2;\r\n          line-height:1.28em;\r\n          white-space: normal;\r\n          word-break: break-all;\r\n        }\r\n        */\r\n      }\r\n    }\r\n\r\n    @include display-xs(){\r\n      margin:0;\r\n      .item {\r\n        width:100%;\r\n        padding:REM(20px / 3) 0;\r\n        border-bottom: 1px solid #c2c2c2;\r\n        margin-bottom:REM(30px / 3);\r\n        .thumbnail {\r\n          width:100%;\r\n          height:auto;\r\n        }\r\n        .item-content {\r\n          .item-title{\r\n            font-size:REM(33px / 3);\r\n            margin-bottom:REM(12px / 3);\r\n            white-space:initial;\r\n            word-break: keep-all;\r\n          }\r\n        }\r\n      }\r\n    }\r\n\r\n    &.inner{\r\n      margin-top:0;\r\n      .item {\r\n        width:50%;\r\n        padding:REM(10px) REM(15px);\r\n        @include display-flex();\r\n        align-items: center;\r\n\r\n        .thumbnail {\r\n          width:REM(84px);\r\n          height:REM(126px);\r\n          margin:0;\r\n          flex-shrink:0;\r\n        }\r\n\r\n        .item-content {\r\n          padding-left:REM(15px);\r\n          .item-title {\r\n            font-size:REM(15px);\r\n            white-space: initial;\r\n            margin-bottom:0;\r\n            br {\r\n              display: none;\r\n            }\r\n          }\r\n        }\r\n\r\n        @include display-xs(){\r\n          width:100%;\r\n          padding:REM(12px / 3) REM(15px/ 3);\r\n          .thumbnail {\r\n            width:REM(84px / 3);\r\n            height:REM(126px / 3);\r\n            margin:0;\r\n            flex-shrink:0;\r\n          }\r\n          .item-content {\r\n            padding-left:REM(30px / 3);\r\n            .item-title {\r\n              font-size:REM(21px / 3);\r\n              white-space: initial;\r\n            }\r\n            .item-summary {\r\n              font-size:REM(18px / 3);\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  &.clips {\r\n    display:flex;\r\n    flex-wrap: wrap;\r\n    width:100%;\r\n    margin: REM(-20px) REM(-4px);\r\n    padding-bottom:REM(30px);\r\n\r\n    .item {\r\n      padding:REM(20px) REM(4px);\r\n      width:25%;\r\n      border-bottom:1px solid #c2c2c2;\r\n\r\n      .thumbnail {\r\n        width:100%;\r\n        height:REM(95px);\r\n      }\r\n\r\n      .item-title {\r\n        font-size:REM(13px);\r\n      }\r\n\r\n      .item-summary {\r\n        font-size:REM(13px);\r\n        height: 1.28em * 2;\r\n        -webkit-line-clamp: 2;\r\n        line-height:1.28em;\r\n      }\r\n    }\r\n    @include display-xs(){\r\n      margin:0 0 REM(30px / 3) 0;\r\n      .item {\r\n        width:100%;\r\n        padding:REM(15px / 3) REM(20px / 3);\r\n        border-bottom: 1px solid #c2c2c2;\r\n        .item-title{\r\n          margin-bottom:REM(12px / 3);\r\n          a {\r\n            > br {\r\n              display: none;\r\n            }\r\n          }\r\n        }\r\n        .thumbnail{\r\n          width:100%;\r\n          height:auto;\r\n        }\r\n        .item-summary {\r\n          font-size:REM(30px / 3);\r\n          a {\r\n            > br {\r\n              display: none;\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n\r\n    &.inner{\r\n      margin-top:0;\r\n      .item {\r\n        width:50%;\r\n        padding:REM(10px) REM(15px);\r\n        @include display-flex();\r\n        align-items: center;\r\n\r\n        .thumbnail {\r\n          width:REM(120px);\r\n          height:REM(80px);\r\n          margin:0;\r\n          flex-shrink:0;\r\n        }\r\n\r\n        .item-content {\r\n          padding-left:REM(15px);\r\n          .item-title {\r\n            font-size:REM(15px);\r\n            white-space: initial;\r\n            br {\r\n              display: none;\r\n            }\r\n          }\r\n          .item-summary {\r\n            font-size:REM(12px);\r\n            br {\r\n              display: none;\r\n            }\r\n          }\r\n        }\r\n\r\n        @include display-xs(){\r\n          width:100%;\r\n          padding:REM(12px / 3) REM(15px/ 3);\r\n          .thumbnail {\r\n            width:REM(180px / 3);\r\n            height:REM(120px / 3);\r\n            margin:0;\r\n            flex-shrink:0;\r\n          }\r\n          .item-content {\r\n            padding-left:REM(30px / 3);\r\n            .item-title {\r\n              font-size:REM(21px / 3);\r\n              white-space: initial;\r\n            }\r\n            .item-summary {\r\n              font-size:REM(18px / 3);\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n.tag-container {\r\n  width:100%;\r\n  display:flex;\r\n  border:1px solid #b7b7b7;\r\n  padding: REM(10px);\r\n  align-items: stretch;\r\n  margin:REM(12px) 0 REM(25px);\r\n  border-radius:REM(15px);\r\n\r\n  .tag-title {\r\n    flex-shrink: 0;\r\n    color:#000000;\r\n    margin-right:REM(25px);\r\n    display:flex;\r\n    align-items: center;\r\n    font-size:REM(23.21px);\r\n    padding:0 REM(20px);\r\n  }\r\n\r\n  .tag-list {\r\n    list-style:none;\r\n    padding:0;\r\n    margin:REM(-3px);\r\n    flex:1;\r\n    min-width:0;\r\n    display:flex;\r\n    flex-wrap:wrap;\r\n\r\n    li {\r\n      padding:REM(3px);\r\n\r\n      a {\r\n        display:flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n        height:REM(28px);\r\n        border-radius:REM(14px);\r\n        background-color:#ffffff;\r\n        color:#464646;\r\n        font-size:REM(16.42px);\r\n        padding:0 REM(14px);\r\n        box-shadow: 1.147px 1.638px 3.8px 0.2px rgba(0, 0, 0, 0.41);\r\n      }\r\n\r\n      &.active {\r\n        a {\r\n          background-color:#02256c;\r\n          color:#fff;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  @include display-xs(){\r\n    padding:REM(20px / 3);\r\n    margin:REM(12px / 3) 0 REM(25px / 3);\r\n    border-radius:REM(15px / 3);\r\n    flex-direction: column;\r\n    .tag-title {\r\n      padding-left:0;\r\n      font-size:REM(39px / 3);\r\n    }\r\n    .tag-list {\r\n      margin:REM(-3px / 3);\r\n      flex:1;\r\n      min-width:0;\r\n      display:flex;\r\n      flex-wrap:wrap;\r\n\r\n      li {\r\n        padding:REM(6px / 3);\r\n\r\n        a {\r\n          height:REM(45px / 3);\r\n          border-radius:REM(20px / 3);\r\n          background-color:#ffffff;\r\n          color:#464646;\r\n          font-size:REM(27px / 3);\r\n          padding:0 REM(27px / 3);\r\n        }\r\n      }\r\n    }\r\n  }\r\n}","#board{\r\n  .page-contents {\r\n    padding:REM(30px);\r\n    background-color:#fff;\r\n    margin-bottom:REM(30px);\r\n    border-radius: REM(20px);\r\n    .contents-header{\r\n      width:100%;\r\n      padding-bottom:REM(15px);\r\n      border-bottom:REM(1px) solid #02256c;\r\n      .contents-title {\r\n        font-size:REM(24px);\r\n        margin-bottom:REM(10px);\r\n      }\r\n      .page-header-info {\r\n        @include display-flex();\r\n        align-items: center;\r\n        .date {\r\n          @include display-flex();\r\n          align-items: center;\r\n          > dd  {\r\n            color: #898989;\r\n            font-size:REM(15px);\r\n          }\r\n        }\r\n      }\r\n    }\r\n    .list-detail-sns {\r\n      margin-left:auto;\r\n      @include display-flex();\r\n      align-items: center;\r\n      > a {\r\n        width:REM(30px);\r\n        height:REM(30px);\r\n        margin:0 REM(3px);\r\n        background-size: cover;\r\n        text-indent:-99999px;\r\n        overflow:hidden;\r\n        display: block;\r\n        &.sns-facebook{\r\n          @include background-image('../images/common/detail-sns01.png');\r\n        }\r\n        &.sns-twitter{\r\n          @include background-image('../images/common/detail-sns02.png');\r\n        }\r\n        &.sns-kakaotalk {\r\n          @include background-image('../images/common/detail-sns03.png');\r\n        }\r\n        &.url-copy{\r\n          @include background-image('../images/common/detail-sns04.png');\r\n        }\r\n      }\r\n    }\r\n    .detail-contents {\r\n      width:100%;\r\n      padding:REM(10px);\r\n      p {\r\n        width:100%;\r\n        box-sizing: border-box;\r\n      }\r\n      img {\r\n        max-width:100%;\r\n        height:auto!important;\r\n      }\r\n    }\r\n    .hash-tag {\r\n      @include display-flex();\r\n      align-items: center;\r\n      flex-wrap:wrap;\r\n      margin-top:REM(30px);\r\n      > li {\r\n        padding: 0 REM(10px) 0 REM(20px);\r\n        height:REM(34px);\r\n        line-height:REM(32px);\r\n        border:REM(1px) solid #e1e1e1;\r\n        margin: 0 REM(5px) REM(5px) 0;\r\n        font-weight: 300;\r\n        font-size: REM(15px);\r\n        position:relative;\r\n        color:#666;\r\n        &:before{\r\n          content:\"#\";\r\n          position:absolute;\r\n          left:REM(8px);\r\n          top:0;\r\n        }\r\n      }\r\n    }\r\n    .page-list {\r\n      margin-top:REM(10px);\r\n      padding-top:REM(10px);\r\n      border-top: REM(1px) solid #999;\r\n      .title {\r\n        font-size:REM(24px);\r\n        margin-bottom:REM(10px);\r\n      }\r\n    }\r\n    .video-container {\r\n      position: relative;\r\n      padding-bottom: 56.25%;\r\n      height: 0;\r\n      overflow: hidden;\r\n      margin-top:REM(10px);\r\n      &.shorts {\r\n        width:56.25%;\r\n        padding-bottom:100%;\r\n        margin:REM(10px) auto 0 auto;\r\n      }\r\n    }\r\n\r\n    .video-container iframe,\r\n    .video-container object,\r\n    .video-container embed {\r\n      position: absolute;\r\n      top: 0;\r\n      left: 0;\r\n      width: 100%;\r\n      height: 100%;\r\n    }\r\n\r\n    .btn-list-prev {\r\n      width: REM(180px);\r\n      height: REM(40px);\r\n      line-height:REM(40px);\r\n      background-color: #02256c;\r\n      border: none;\r\n      color: #fff;\r\n      display: block;\r\n      font-size: REM(16px);\r\n      margin: REM(30px) auto 0 auto;\r\n      text-align: center;\r\n    }\r\n\r\n    @include display-xs(){\r\n      padding:REM(30px / 3);\r\n      border-radius:REM(30px / 3);\r\n      margin-bottom:REM(30px / 3);\r\n      .contents-header{\r\n        padding-bottom:REM(30px / 3);\r\n        .contents-title {\r\n          font-size:REM(36px / 3);\r\n          margin-bottom:REM(15px / 3);\r\n        }\r\n        .page-header-info {\r\n          .date {\r\n            > dd  {\r\n              font-size:REM(20px / 3);\r\n            }\r\n          }\r\n        }\r\n      }\r\n      .list-detail-sns {\r\n        > a {\r\n          width:REM(45px / 3);\r\n          height:REM(45px  / 3);\r\n          margin:0 REM(9px / 3);\r\n        }\r\n      }\r\n      .detail-contents {\r\n        padding:REM(30px / 3);\r\n        *:not(.video-container.shorts) {\r\n          font-size:REM(24px / 3) !important;\r\n          margin-left:0 !important;\r\n          text-indent:0 !important;\r\n          word-break: initial !important;\r\n        }\r\n      }\r\n      .hash-tag {\r\n        @include display-flex();\r\n        align-items: center;\r\n        flex-wrap:wrap;\r\n        margin-top:REM(30px / 3);\r\n        > li {\r\n          padding: 0 REM(10px / 3) 0 REM(30px / 3);\r\n          height:REM(60px / 3);\r\n          line-height:REM(58px / 3);\r\n          border:REM(1px) solid #e1e1e1;\r\n          margin: 0 REM(5px / 3) REM(5px / 3) 0;\r\n          font-size: REM(24px / 3);\r\n          &:before{\r\n            left:REM(9px / 3);\r\n          }\r\n        }\r\n      }\r\n      .page-list {\r\n        margin-top:REM(30px / 3);\r\n        padding-top:REM(30px / 3);\r\n        border-top: REM(1px) solid #999;\r\n        .title {\r\n          font-size:REM(30px / 3);\r\n          margin-bottom:REM(30px / 3);\r\n        }\r\n      }\r\n      .video-container {\r\n        margin-top:REM(30px / 3);\r\n        &.shorts {\r\n          width:REM(440px / 3);\r\n          height:REM(860px / 3);\r\n          padding-bottom:0;\r\n          margin:REM(30px / 3) auto 0 auto;\r\n        }\r\n      }\r\n      .btn-list-prev {\r\n        width: REM(300px / 3);\r\n        height: REM(60px  / 3);\r\n        line-height:REM(60px  / 3);\r\n        font-size: REM(27px / 3);\r\n        margin: REM(60px / 3) auto 0 auto;\r\n        text-align: center;\r\n      }\r\n    }\r\n  }\r\n  .form-content-wrap {\r\n    width: 100%;\r\n    border: REM(1px) solid #b3b3ca;\r\n    margin-top: REM(25px);\r\n    padding:REM(20px) REM(10px);\r\n    .form-title {\r\n      width: 100%;\r\n      padding: 0 0 REM(15px) 0;\r\n      font-size: REM(18px);\r\n      line-height: 1.3;\r\n      border-bottom: REM(1px) solid #d7d7d7;\r\n      word-break: break-all;\r\n      text-align: center;\r\n    }\r\n    .form-box {\r\n      margin-top:REM(15px);\r\n      .question-title {\r\n        font-size:REM(14px);\r\n        padding:REM(10px) 0;\r\n      }\r\n      .form-radio-box {\r\n        @include display-flex();\r\n        justify-content: space-between;\r\n        padding:0 REM(30px);\r\n        &.other{\r\n          padding:0;\r\n        }\r\n        .radio-item {\r\n          display: inline-block;\r\n          white-space: nowrap;\r\n          position:relative;\r\n          font-size:REM(13px);\r\n          [type=\"radio\"]:checked,\r\n          [type=\"radio\"]:not(:checked) {\r\n            position: absolute;\r\n            left: -9999px;\r\n          }\r\n          [type=\"radio\"]:checked + label,\r\n          [type=\"radio\"]:not(:checked) + label\r\n          {\r\n            position: relative;\r\n            padding-left:REM(28px);\r\n            cursor: pointer;\r\n            line-height:REM(20px);\r\n            display: inline-block;\r\n            color: #666;\r\n          }\r\n          [type=\"radio\"]:checked + label:before,\r\n          [type=\"radio\"]:not(:checked) + label:before {\r\n            content: '';\r\n            position: absolute;\r\n            left: 0;\r\n            top: 0;\r\n            width:REM(18px);\r\n            height:REM(18px);\r\n            border: REM(1px) solid #ddd;\r\n            border-radius: 100%;\r\n            background: #fff;\r\n          }\r\n          [type=\"radio\"]:checked + label:after,\r\n          [type=\"radio\"]:not(:checked) + label:after {\r\n            content: '';\r\n            width: REM(12px);\r\n            height: REM(12px);\r\n            background: #02256c;\r\n            position: absolute;\r\n            top: REM(2.5px);\r\n            left:  REM(2.5px);\r\n            border-radius: 100%;\r\n            -webkit-transition: all 0.2s ease;\r\n            transition: all 0.2s ease;\r\n          }\r\n          [type=\"radio\"]:not(:checked) + label:after {\r\n            opacity: 0;\r\n            -webkit-transform: scale(0);\r\n            transform: scale(0);\r\n          }\r\n          [type=\"radio\"]:checked + label:after {\r\n            opacity: 1;\r\n            -webkit-transform: scale(1);\r\n            transform: scale(1);\r\n          }\r\n        }\r\n        textarea {\r\n          width:100%;\r\n          min-height:REM(30px);\r\n          border:REM(1px) solid #ebebeb;\r\n          font-size:REM(13px);\r\n          padding:REM(5px);\r\n        }\r\n      }\r\n      .textarea-num {\r\n        width:100%;\r\n        text-align: right;\r\n        color: #444;\r\n        font-size:REM(12px);\r\n        span {\r\n          &#byteInfo {\r\n            color: #ff6706;\r\n          }\r\n        }\r\n      }\r\n    }\r\n    .form-btn {\r\n      width:REM(100px);\r\n      height:REM(30px);\r\n      background-color:#02256c;\r\n      border:none;\r\n      color:#fff;\r\n      display: block;\r\n      font-size:REM(12px);\r\n      margin:REM(15px) auto 0 auto;\r\n      line-height:1;\r\n    }\r\n\r\n    @include display-xs(){\r\n      margin-top:REM(25px / 3);\r\n      padding:REM(30px / 3) REM(12px / 3);\r\n      .form-title {\r\n        padding: 0 0 REM(15px / 3) 0;\r\n        font-size: REM(30px / 3);\r\n      }\r\n      .form-box {\r\n        margin-top:REM(30px / 3);\r\n        .question-title {\r\n          font-size:REM(27px / 3);\r\n          padding:REM(10px / 3) 0;\r\n        }\r\n        .form-radio-box {\r\n          padding:0;\r\n          &.other{\r\n            padding:0;\r\n          }\r\n          .radio-item {\r\n            font-size:REM(21px / 3);\r\n            [type=\"radio\"]:checked + label,\r\n            [type=\"radio\"]:not(:checked) + label {\r\n              padding-left:REM(38px / 3);\r\n              line-height:REM(30px / 3);\r\n            }\r\n            [type=\"radio\"]:checked + label:before,\r\n            [type=\"radio\"]:not(:checked) + label:before {\r\n              width:REM(32px / 3);\r\n              height:REM(32px / 3);\r\n              border: REM(1px) solid #ddd;\r\n            }\r\n            [type=\"radio\"]:checked + label:after,\r\n            [type=\"radio\"]:not(:checked) + label:after {\r\n              width:REM(24px / 3);\r\n              height:REM(24px / 3);\r\n              top: REM(4px / 3);\r\n              left:  REM(4px / 3);\r\n            }\r\n          }\r\n          textarea {\r\n            width:100%;\r\n            min-height:REM(120px / 3);\r\n            border:REM(1px) solid #ebebeb;\r\n            font-size:REM(27px / 3);\r\n            padding:REM(9px / 3);\r\n          }\r\n        }\r\n        .textarea-num {\r\n          width:100%;\r\n          font-size:REM(21px / 3);\r\n          span {\r\n            &#byteInfo {\r\n              color: #ff6706;\r\n            }\r\n          }\r\n        }\r\n      }\r\n      .form-btn {\r\n        width:REM(180px / 3);\r\n        height:REM(45px / 3);\r\n        display: block;\r\n        font-size:REM(21px / 3);\r\n        margin:REM(15px / 3) auto 0 auto;\r\n        line-height:1;\r\n      }\r\n    }\r\n  }\r\n}"]}