You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1 lines
151 KiB
1 lines
151 KiB
{"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"],"names":[],"mappings":"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,KACE,OAAA,eAJF,KACE,MAAA,eAEF,KACE,OAAA,eAJF,KACE,MAAA,eAEF,KACE,OAAA,eAJF,KACE,MAAA,eAEF,KACE,OAAA,eAJF,KACE,MAAA,eAEF,KACE,OAAA,eAJF,KACE,MAAA,eAEF,KACE,OAAA,eAJF,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,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,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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: 0.9375rem;\n margin-left: 0.5rem;\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.1875rem;\n height: 1.1875rem;\n margin-left: 0.53125rem;\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.0625rem;\n margin-left: 0.5rem;\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.5rem;\n color: #fff;\n}\n#footer .footer-info dl dd {\n font-weight: 500;\n font-size: 0.5rem;\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}\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 min-height: 9.875rem;\n margin-top: 0.75rem;\n}\n.menu-list .item {\n position: relative;\n}\n.menu-list .item .link {\n display: block;\n padding: 0.75rem 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}\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.4583333333rem;\n }\n .breadcrumb ol li + li a:before, .breadcrumb ol li + li span:before {\n font-size: 0.4583333333rem;\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}\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 }\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 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.1875rem;\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.3125rem;\n margin-left: 0.1666666667rem;\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.3958333333rem;\n height: 0.3958333333rem;\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.4375rem;\n height: 0.3541666667rem;\n margin-left: 0.1666666667rem;\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}\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 .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 .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 .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: 1rem;\n display: block;\n width: 100%;\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n letter-spacing: -0.025em;\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.8125rem;\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 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.875rem;\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.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.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.common-list.toons .item .item-content .item-title {\n font-size: 1.25rem;\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 .common-list.toons .item .item-content .item-title {\n font-size: 0.6875rem;\n margin-bottom: 0.25rem;\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 .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: 2.56em;\n -webkit-line-clamp: 2;\n line-height: 1.28em;\n white-space: normal;\n word-break: break-all;\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.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\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}","/***************************************************************************************\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(15px);\r\n margin-left:REM(8px);\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(19px);\r\n height:REM(19px);\r\n margin-left:REM(8.5px);\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(17px);\r\n margin-left:REM(8px);\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(8px);\r\n color:#fff;\r\n }\r\n dd {\r\n font-weight:$font-weight-base;\r\n font-size:REM(8px);\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 .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\r\n .item {\r\n position:relative;\r\n\r\n .link {\r\n display: block;\r\n padding:REM(12px) 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 }\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(22px / 3);\r\n }\r\n\r\n & + li {\r\n a, span {\r\n &:before {\r\n font-size:REM(22px / 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 .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 .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 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(19px);\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\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(15px / 3);\r\n margin-left:REM(8px / 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(19px / 3);\r\n height:REM(19px / 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(21px / 3);\r\n height:REM(17px / 3);\r\n margin-left:REM(8px / 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 &.btn-right{\r\n margin-left:REM(5px);\r\n }\r\n .icon {\r\n font-size:REM(24px);\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 }\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 }\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(16px);\r\n display:block;\r\n width:100%;\r\n white-space: nowrap;\r\n text-overflow: ellipsis;\r\n overflow: hidden;\r\n letter-spacing: -0.025em;\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\r\n .item-summary {\r\n font-size:REM(13px);\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: 0 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(14px);\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: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 }\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 .item-content {\r\n .item-title {\r\n font-size:REM(20px);\r\n }\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 .item-content {\r\n .item-title{\r\n font-size:REM(33px / 3);\r\n margin-bottom:REM(12px / 3);\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 .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 @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\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}\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}"]}
|