{"version":3,"sources":["common/_layout.scss","boot/_reset.scss","style.css","_variables.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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AGt6BE,KACE,oBAAA,CHy6BJ,AGv6BE,KACE,qBAAA,CH06BJ,AG96BE,KACE,oBAAA,CHi7BJ,AG/6BE,KACE,qBAAA,CHk7BJ,AGt7BE,KACE,oBAAA,CHy7BJ,AGv7BE,KACE,qBAAA,CH07BJ,AG97BE,KACE,oBAAA,CHi8BJ,AG/7BE,KACE,qBAAA,CHk8BJ,AGt8BE,KACE,oBAAA,CHy8BJ,AGv8BE,KACE,qBAAA,CH08BJ,AG98BE,KACE,oBAAA,CHi9BJ,AG/8BE,KACE,qBAAA,CHk9BJ,AGt9BE,KACE,oBAAA,CHy9BJ,AGv9BE,KACE,qBAAA,CH09BJ,AG99BE,KACE,oBAAA,CHi+BJ,AG/9BE,KACE,qBAAA,CHk+BJ,AGt+BE,KACE,oBAAA,CHy+BJ,AGv+BE,KACE,qBAAA,CH0+BJ,AG9+BE,KACE,oBAAA,CHi/BJ,AG/+BE,KACE,qBAAA,CHk/BJ,AGt/BE,KACE,oBAAA,CHy/BJ,AGv/BE,KACE,qBAAA,CH0/BJ,AG9/BE,KACE,oBAAA,CHigCJ,AG//BE,KACE,qBAAA,CHkgCJ,AGtgCE,KACE,oBAAA,CHygCJ,AGvgCE,KACE,qBAAA,CH0gCJ,AG9gCE,MACE,qBAAA,CHihCJ,AG/gCE,MACE,sBAAA,CHkhCJ,AGthCE,MACE,qBAAA,CHyhCJ,AGvhCE,MACE,sBAAA,CH0hCJ,AG9hCE,MACE,qBAAA,CHiiCJ,AG/hCE,MACE,sBAAA,CHkiCJ,AGtiCE,MACE,qBAAA,CHyiCJ,AGviCE,MACE,sBAAA,CH0iCJ,AG9iCE,MACE,qBAAA,CHijCJ,AG/iCE,MACE,sBAAA,CHkjCJ,AGtjCE,MACE,qBAAA,CHyjCJ,AGvjCE,MACE,sBAAA,CH0jCJ,AG9jCE,MACE,qBAAA,CHikCJ,AG/jCE,MACE,sBAAA,CHkkCJ,AGtkCE,MACE,qBAAA,CHykCJ,AGvkCE,MACE,sBAAA,CH0kCJ,AG9kCE,MACE,qBAAA,CHilCJ,AG/kCE,MACE,sBAAA,CHklCJ,AGtlCE,MACE,qBAAA,CHylCJ,AGvlCE,MACE,sBAAA,CH0lCJ,AG9lCE,MACE,qBAAA,CHimCJ,AG/lCE,MACE,sBAAA,CHkmCJ,AGtmCE,MACE,qBAAA,CHymCJ,AGvmCE,MACE,sBAAA,CH0mCJ,AG9mCE,MACE,qBAAA,CHinCJ,AG/mCE,MACE,sBAAA,CHknCJ,AGtnCE,MACE,qBAAA,CHynCJ,AGvnCE,MACE,sBAAA,CH0nCJ,AG9nCE,MACE,qBAAA,CHioCJ,AG/nCE,MACE,sBAAA,CHkoCJ,AGtoCE,MACE,qBAAA,CHyoCJ,AGvoCE,MACE,sBAAA,CH0oCJ,AG9oCE,MACE,qBAAA,CHipCJ,AG/oCE,MACE,sBAAA,CHkpCJ,AGtpCE,MACE,qBAAA,CHypCJ,AGvpCE,MACE,sBAAA,CH0pCJ,AG9pCE,MACE,qBAAA,CHiqCJ,AG/pCE,MACE,sBAAA,CHkqCJ,AGtqCE,MACE,qBAAA,CHyqCJ,AGvqCE,MACE,sBAAA,CH0qCJ,AG9qCE,MACE,qBAAA,CHirCJ,AG/qCE,MACE,sBAAA,CHkrCJ,AGtrCE,MACE,qBAAA,CHyrCJ,AGvrCE,MACE,sBAAA,CH0rCJ,AG9rCE,MACE,qBAAA,CHisCJ,AG/rCE,MACE,sBAAA,CHksCJ,AGtsCE,MACE,qBAAA,CHysCJ,AGvsCE,MACE,sBAAA,CH0sCJ,AG9sCE,MACE,qBAAA,CHitCJ,AG/sCE,MACE,sBAAA,CHktCJ,AGttCE,MACE,qBAAA,CHytCJ,AGvtCE,MACE,sBAAA,CH0tCJ,AG9tCE,MACE,qBAAA,CHiuCJ,AG/tCE,MACE,sBAAA,CHkuCJ,AGtuCE,MACE,qBAAA,CHyuCJ,AGvuCE,MACE,sBAAA,CH0uCJ,AG9uCE,MACE,qBAAA,CHivCJ,AG/uCE,MACE,sBAAA,CHkvCJ,AGtvCE,MACE,qBAAA,CHyvCJ,AGvvCE,MACE,sBAAA,CH0vCJ,AG9vCE,MACE,qBAAA,CHiwCJ,AG/vCE,MACE,sBAAA,CHkwCJ,AGtwCE,MACE,qBAAA,CHywCJ,AGvwCE,MACE,sBAAA,CH0wCJ,AG9wCE,MACE,qBAAA,CHixCJ,AG/wCE,MACE,sBAAA,CHkxCJ,AGtxCE,MACE,qBAAA,CHyxCJ,AGvxCE,MACE,sBAAA,CH0xCJ,AG9xCE,MACE,qBAAA,CHiyCJ,AG/xCE,MACE,sBAAA,CHkyCJ,AGtyCE,MACE,qBAAA,CHyyCJ,AGvyCE,MACE,sBAAA,CH0yCJ,AG9yCE,MACE,qBAAA,CHizCJ,AG/yCE,MACE,sBAAA,CHkzCJ,AGtzCE,MACE,qBAAA,CHyzCJ,AGvzCE,MACE,sBAAA,CH0zCJ,AG9zCE,MACE,qBAAA,CHi0CJ,AG/zCE,MACE,sBAAA,CHk0CJ,AGt0CE,MACE,qBAAA,CHy0CJ,AGv0CE,MACE,sBAAA,CH00CJ,AG90CE,MACE,qBAAA,CHi1CJ,AG/0CE,MACE,sBAAA,CHk1CJ,AGt1CE,MACE,qBAAA,CHy1CJ,AGv1CE,MACE,sBAAA,CH01CJ,AG91CE,MACE,qBAAA,CHi2CJ,AG/1CE,MACE,sBAAA,CHk2CJ,AGt2CE,MACE,qBAAA,CHy2CJ,AGv2CE,MACE,sBAAA,CH02CJ,AG92CE,MACE,qBAAA,CHi3CJ,AG/2CE,MACE,sBAAA,CHk3CJ,AGt3CE,MACE,qBAAA,CHy3CJ,AGv3CE,MACE,sBAAA,CH03CJ,AG93CE,MACE,qBAAA,CHi4CJ,AG/3CE,MACE,sBAAA,CHk4CJ,AGt4CE,MACE,qBAAA,CHy4CJ,AGv4CE,MACE,sBAAA,CH04CJ,AG94CE,MACE,qBAAA,CHi5CJ,AG/4CE,MACE,sBAAA,CHk5CJ,AGt5CE,MACE,qBAAA,CHy5CJ,AGv5CE,MACE,sBAAA,CH05CJ,AG95CE,MACE,qBAAA,CHi6CJ,AG/5CE,MACE,sBAAA,CHk6CJ,AGt6CE,MACE,qBAAA,CHy6CJ,AGv6CE,MACE,sBAAA,CH06CJ,AG96CE,MACE,qBAAA,CHi7CJ,AG/6CE,MACE,sBAAA,CHk7CJ,AGt7CE,MACE,qBAAA,CHy7CJ,AGv7CE,MACE,sBAAA,CH07CJ,AG97CE,MACE,qBAAA,CHi8CJ,AG/7CE,MACE,sBAAA,CHk8CJ,AGt8CE,MACE,qBAAA,CHy8CJ,AGv8CE,MACE,sBAAA,CH08CJ,AG98CE,MACE,qBAAA,CHi9CJ,AG/8CE,MACE,sBAAA,CHk9CJ,AGt9CE,MACE,qBAAA,CHy9CJ,AGv9CE,MACE,sBAAA,CH09CJ,AG99CE,MACE,qBAAA,CHi+CJ,AG/9CE,MACE,sBAAA,CHk+CJ,AGt+CE,MACE,qBAAA,CHy+CJ,AGv+CE,MACE,sBAAA,CH0+CJ,AG9+CE,MACE,qBAAA,CHi/CJ,AG/+CE,MACE,sBAAA,CHk/CJ,AGt/CE,MACE,qBAAA,CHy/CJ,AGv/CE,MACE,sBAAA,CH0/CJ,AG9/CE,MACE,qBAAA,CHigDJ,AG//CE,MACE,sBAAA,CHkgDJ,AGtgDE,MACE,qBAAA,CHygDJ,AGvgDE,MACE,sBAAA,CH0gDJ,AG9gDE,MACE,qBAAA,CHihDJ,AG/gDE,MACE,sBAAA,CHkhDJ,AGthDE,MACE,qBAAA,CHyhDJ,AGvhDE,MACE,sBAAA,CH0hDJ,AG9hDE,MACE,qBAAA,CHiiDJ,AG/hDE,MACE,sBAAA,CHkiDJ,AGtiDE,MACE,qBAAA,CHyiDJ,AGviDE,MACE,sBAAA,CH0iDJ,AG9iDE,MACE,qBAAA,CHijDJ,AG/iDE,MACE,sBAAA,CHkjDJ,AGtjDE,MACE,qBAAA,CHyjDJ,AGvjDE,MACE,sBAAA,CH0jDJ,AG9jDE,MACE,qBAAA,CHikDJ,AG/jDE,MACE,sBAAA,CHkkDJ,AGtkDE,MACE,qBAAA,CHykDJ,AGvkDE,MACE,sBAAA,CH0kDJ,AG9kDE,MACE,qBAAA,CHilDJ,AG/kDE,MACE,sBAAA,CHklDJ,AGtlDE,MACE,qBAAA,CHylDJ,AGvlDE,MACE,sBAAA,CH0lDJ,AG9lDE,MACE,qBAAA,CHimDJ,AG/lDE,MACE,sBAAA,CHkmDJ,AGtmDE,MACE,qBAAA,CHymDJ,AGvmDE,MACE,sBAAA,CH0mDJ,AG9mDE,MACE,qBAAA,CHinDJ,AG/mDE,MACE,sBAAA,CHknDJ,AGtnDE,MACE,qBAAA,CHynDJ,AGvnDE,MACE,sBAAA,CH0nDJ,AG9nDE,MACE,qBAAA,CHioDJ,AG/nDE,MACE,sBAAA,CHkoDJ,AGtoDE,MACE,qBAAA,CHyoDJ,AGvoDE,MACE,sBAAA,CH0oDJ,AGtoDE,IACE,kBAAA,CHyoDJ,AGvoDE,KACE,sBAAA,CH0oDJ,AGxoDE,KACE,wBAAA,CH2oDJ,AGzoDE,KACE,yBAAA,CH4oDJ,AG1oDE,KACE,uBAAA,CH6oDJ,AG3oDE,KACE,uBAAA,CH8oDJ,AG5oDE,KACE,yBAAA,CH+oDJ,AG7oDE,KACE,0BAAA,CHgpDJ,AG9oDE,KACE,wBAAA,CHipDJ,AG/oDE,IACE,mBAAA,CHkpDJ,AG9qDE,IACE,oBAAA,CHirDJ,AG/qDE,KACE,wBAAA,CHkrDJ,AGhrDE,KACE,0BAAA,CHmrDJ,AGjrDE,KACE,2BAAA,CHorDJ,AGlrDE,KACE,yBAAA,CHqrDJ,AGnrDE,KACE,yBAAA,CHsrDJ,AGprDE,KACE,2BAAA,CHurDJ,AGrrDE,KACE,4BAAA,CHwrDJ,AGtrDE,KACE,0BAAA,CHyrDJ,AGvrDE,IACE,qBAAA,CH0rDJ,AGttDE,KACE,qBAAA,CHytDJ,AGvtDE,MACE,yBAAA,CH0tDJ,AGxtDE,MACE,2BAAA,CH2tDJ,AGztDE,MACE,4BAAA,CH4tDJ,AG1tDE,MACE,0BAAA,CH6tDJ,AG3tDE,MACE,0BAAA,CH8tDJ,AG5tDE,MACE,4BAAA,CH+tDJ,AG7tDE,MACE,6BAAA,CHguDJ,AG9tDE,MACE,2BAAA,CHiuDJ,AG/tDE,KACE,sBAAA,CHkuDJ,AG9vDE,KACE,qBAAA,CHiwDJ,AG/vDE,MACE,yBAAA,CHkwDJ,AGhwDE,MACE,2BAAA,CHmwDJ,AGjwDE,MACE,4BAAA,CHowDJ,AGlwDE,MACE,0BAAA,CHqwDJ,AGnwDE,MACE,0BAAA,CHswDJ,AGpwDE,MACE,4BAAA,CHuwDJ,AGrwDE,MACE,6BAAA,CHwwDJ,AGtwDE,MACE,2BAAA,CHywDJ,AGvwDE,KACE,sBAAA,CH0wDJ,AGtyDE,KACE,qBAAA,CHyyDJ,AGvyDE,MACE,yBAAA,CH0yDJ,AGxyDE,MACE,2BAAA,CH2yDJ,AGzyDE,MACE,4BAAA,CH4yDJ,AG1yDE,MACE,0BAAA,CH6yDJ,AG3yDE,MACE,0BAAA,CH8yDJ,AG5yDE,MACE,4BAAA,CH+yDJ,AG7yDE,MACE,6BAAA,CHgzDJ,AG9yDE,MACE,2BAAA,CHizDJ,AG/yDE,KACE,sBAAA,CHkzDJ,AG90DE,KACE,qBAAA,CHi1DJ,AG/0DE,MACE,yBAAA,CHk1DJ,AGh1DE,MACE,2BAAA,CHm1DJ,AGj1DE,MACE,4BAAA,CHo1DJ,AGl1DE,MACE,0BAAA,CHq1DJ,AGn1DE,MACE,0BAAA,CHs1DJ,AGp1DE,MACE,4BAAA,CHu1DJ,AGr1DE,MACE,6BAAA,CHw1DJ,AGt1DE,MACE,2BAAA,CHy1DJ,AGv1DE,KACE,sBAAA,CH01DJ,AGt3DE,KACE,qBAAA,CHy3DJ,AGv3DE,MACE,yBAAA,CH03DJ,AGx3DE,MACE,2BAAA,CH23DJ,AGz3DE,MACE,4BAAA,CH43DJ,AG13DE,MACE,0BAAA,CH63DJ,AG33DE,MACE,0BAAA,CH83DJ,AG53DE,MACE,4BAAA,CH+3DJ,AG73DE,MACE,6BAAA,CHg4DJ,AG93DE,MACE,2BAAA,CHi4DJ,AG/3DE,KACE,sBAAA,CHk4DJ,AG95DE,KACE,qBAAA,CHi6DJ,AG/5DE,MACE,yBAAA,CHk6DJ,AGh6DE,MACE,2BAAA,CHm6DJ,AGj6DE,MACE,4BAAA,CHo6DJ,AGl6DE,MACE,0BAAA,CHq6DJ,AGn6DE,MACE,0BAAA,CHs6DJ,AGp6DE,MACE,4BAAA,CHu6DJ,AGr6DE,MACE,6BAAA,CHw6DJ,AGt6DE,MACE,2BAAA,CHy6DJ,AGv6DE,KACE,sBAAA,CH06DJ,AGt8DE,KACE,qBAAA,CHy8DJ,AGv8DE,MACE,yBAAA,CH08DJ,AGx8DE,MACE,2BAAA,CH28DJ,AGz8DE,MACE,4BAAA,CH48DJ,AG18DE,MACE,0BAAA,CH68DJ,AG38DE,MACE,0BAAA,CH88DJ,AG58DE,MACE,4BAAA,CH+8DJ,AG78DE,MACE,6BAAA,CHg9DJ,AG98DE,MACE,2BAAA,CHi9DJ,AG/8DE,KACE,sBAAA,CHk9DJ,AG9+DE,KACE,qBAAA,CHi/DJ,AG/+DE,MACE,yBAAA,CHk/DJ,AGh/DE,MACE,2BAAA,CHm/DJ,AGj/DE,MACE,4BAAA,CHo/DJ,AGl/DE,MACE,0BAAA,CHq/DJ,AGn/DE,MACE,0BAAA,CHs/DJ,AGp/DE,MACE,4BAAA,CHu/DJ,AGr/DE,MACE,6BAAA,CHw/DJ,AGt/DE,MACE,2BAAA,CHy/DJ,AGv/DE,KACE,sBAAA,CH0/DJ,AGthEE,KACE,qBAAA,CHyhEJ,AGvhEE,MACE,yBAAA,CH0hEJ,AGxhEE,MACE,2BAAA,CH2hEJ,AGzhEE,MACE,4BAAA,CH4hEJ,AG1hEE,MACE,0BAAA,CH6hEJ,AG3hEE,MACE,0BAAA,CH8hEJ,AG5hEE,MACE,4BAAA,CH+hEJ,AG7hEE,MACE,6BAAA,CHgiEJ,AG9hEE,MACE,2BAAA,CHiiEJ,AG/hEE,KACE,sBAAA,CHkiEJ,AG9jEE,KACE,qBAAA,CHikEJ,AG/jEE,MACE,yBAAA,CHkkEJ,AGhkEE,MACE,2BAAA,CHmkEJ,AGjkEE,MACE,4BAAA,CHokEJ,AGlkEE,MACE,0BAAA,CHqkEJ,AGnkEE,MACE,0BAAA,CHskEJ,AGpkEE,MACE,4BAAA,CHukEJ,AGrkEE,MACE,6BAAA,CHwkEJ,AGtkEE,MACE,2BAAA,CHykEJ,AGvkEE,KACE,sBAAA,CH0kEJ,AGtmEE,KACE,qBAAA,CHymEJ,AGvmEE,MACE,yBAAA,CH0mEJ,AGxmEE,MACE,2BAAA,CH2mEJ,AGzmEE,MACE,4BAAA,CH4mEJ,AG1mEE,MACE,0BAAA,CH6mEJ,AG3mEE,MACE,0BAAA,CH8mEJ,AG5mEE,MACE,4BAAA,CH+mEJ,AG7mEE,MACE,6BAAA,CHgnEJ,AG9mEE,MACE,2BAAA,CHinEJ,AG/mEE,KACE,sBAAA,CHknEJ,AG9oEE,KACE,qBAAA,CHipEJ,AG/oEE,MACE,yBAAA,CHkpEJ,AGhpEE,MACE,2BAAA,CHmpEJ,AGjpEE,MACE,4BAAA,CHopEJ,AGlpEE,MACE,0BAAA,CHqpEJ,AGnpEE,MACE,0BAAA,CHspEJ,AGppEE,MACE,4BAAA,CHupEJ,AGrpEE,MACE,6BAAA,CHwpEJ,AGtpEE,MACE,2BAAA,CHypEJ,AGvpEE,KACE,sBAAA,CH0pEJ,AGtrEE,KACE,qBAAA,CHyrEJ,AGvrEE,MACE,yBAAA,CH0rEJ,AGxrEE,MACE,2BAAA,CH2rEJ,AGzrEE,MACE,4BAAA,CH4rEJ,AG1rEE,MACE,0BAAA,CH6rEJ,AG3rEE,MACE,0BAAA,CH8rEJ,AG5rEE,MACE,4BAAA,CH+rEJ,AG7rEE,MACE,6BAAA,CHgsEJ,AG9rEE,MACE,2BAAA,CHisEJ,AG/rEE,KACE,sBAAA,CHksEJ,AG9tEE,KACE,qBAAA,CHiuEJ,AG/tEE,MACE,yBAAA,CHkuEJ,AGhuEE,MACE,2BAAA,CHmuEJ,AGjuEE,MACE,4BAAA,CHouEJ,AGluEE,MACE,0BAAA,CHquEJ,AGnuEE,MACE,0BAAA,CHsuEJ,AGpuEE,MACE,4BAAA,CHuuEJ,AGruEE,MACE,6BAAA,CHwuEJ,AGtuEE,MACE,2BAAA,CHyuEJ,AGvuEE,KACE,sBAAA,CH0uEJ,AGtwEE,KACE,qBAAA,CHywEJ,AGvwEE,MACE,yBAAA,CH0wEJ,AGxwEE,MACE,2BAAA,CH2wEJ,AGzwEE,MACE,4BAAA,CH4wEJ,AG1wEE,MACE,0BAAA,CH6wEJ,AG3wEE,MACE,0BAAA,CH8wEJ,AG5wEE,MACE,4BAAA,CH+wEJ,AG7wEE,MACE,6BAAA,CHgxEJ,AG9wEE,MACE,2BAAA,CHixEJ,AG/wEE,KACE,sBAAA,CHkxEJ,AG9yEE,KACE,qBAAA,CHizEJ,AG/yEE,MACE,yBAAA,CHkzEJ,AGhzEE,MACE,2BAAA,CHmzEJ,AGjzEE,MACE,4BAAA,CHozEJ,AGlzEE,MACE,0BAAA,CHqzEJ,AGnzEE,MACE,0BAAA,CHszEJ,AGpzEE,MACE,4BAAA,CHuzEJ,AGrzEE,MACE,6BAAA,CHwzEJ,AGtzEE,MACE,2BAAA,CHyzEJ,AGvzEE,KACE,sBAAA,CH0zEJ,AGt1EE,KACE,qBAAA,CHy1EJ,AGv1EE,MACE,yBAAA,CH01EJ,AGx1EE,MACE,2BAAA,CH21EJ,AGz1EE,MACE,4BAAA,CH41EJ,AG11EE,MACE,0BAAA,CH61EJ,AG31EE,MACE,0BAAA,CH81EJ,AG51EE,MACE,4BAAA,CH+1EJ,AG71EE,MACE,6BAAA,CHg2EJ,AG91EE,MACE,2BAAA,CHi2EJ,AG/1EE,KACE,sBAAA,CHk2EJ,AG93EE,KACE,qBAAA,CHi4EJ,AG/3EE,MACE,yBAAA,CHk4EJ,AGh4EE,MACE,2BAAA,CHm4EJ,AGj4EE,MACE,4BAAA,CHo4EJ,AGl4EE,MACE,0BAAA,CHq4EJ,AGn4EE,MACE,0BAAA,CHs4EJ,AGp4EE,MACE,4BAAA,CHu4EJ,AGr4EE,MACE,6BAAA,CHw4EJ,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","file":"style.min.css","sourcesContent":["/***************************************************************************************\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: calc((16vw / 960) * 100);\r\n font-size:20px;\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 @include display-xs(){\r\n width:100%;\r\n .search-box,\r\n .menu-list,\r\n .family-list{\r\n display: none;\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 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(66px) REM(12px) REM(20px) REM(12px);\r\n border-radius: REM(15px);\r\n position:relative;\r\n box-sizing: border-box;\r\n &:before{\r\n content:\"\";\r\n @include background-image('../images/common/on-air.png');\r\n background-size: cover;\r\n width:REM(142px);\r\n height:REM(38px);\r\n position:absolute;\r\n left:50%;\r\n transform: translate(-50%, 0);\r\n top:REM(27px);\r\n }\r\n .search-form {\r\n width:100%;\r\n position:relative;\r\n margin-top:REM(20px);\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(18px) REM(5px) REM(12px) ;\r\n box-sizing: border-box;\r\n }\r\n .search-btn {\r\n width:REM(16px);\r\n height:REM(17px);\r\n position:absolute;\r\n right:REM(5px);\r\n top:50%;\r\n transform:translate(0, -50%);\r\n border:none;\r\n background-color:#fff;\r\n padding:0;\r\n .icon {\r\n font-size:REM(16px);\r\n color:#26356BFF;\r\n }\r\n }\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 }\r\n\r\n .page-contents {\r\n flex:1;\r\n min-width:0;\r\n }\r\n}","/**********************************************************************************************************************\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: 20px;\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 .search-box,\n #nav .menu-list,\n #nav .family-list {\n display: none;\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}\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: 4.125rem 0.75rem 1.25rem 0.75rem;\n border-radius: 0.9375rem;\n position: relative;\n box-sizing: border-box;\n}\n.search-box:before {\n content: \"\";\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: cover;\n width: 8.875rem;\n height: 2.375rem;\n position: absolute;\n left: 50%;\n transform: translate(-50%, 0);\n top: 1.6875rem;\n}\n.search-box .search-form {\n width: 100%;\n position: relative;\n margin-top: 1.25rem;\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.125rem 0.3125rem 0.75rem;\n box-sizing: border-box;\n}\n.search-box .search-form .search-btn {\n width: 1rem;\n height: 1.0625rem;\n position: absolute;\n right: 0.3125rem;\n top: 50%;\n transform: translate(0, -50%);\n border: none;\n background-color: #fff;\n padding: 0;\n}\n.search-box .search-form .search-btn .icon {\n font-size: 1rem;\n color: #26356b;\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.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\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\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.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.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 {\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 a {\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 a: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}\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 font-size: 0.984375rem;\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}\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@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 a {\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 a: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 font-size: 0.5172916667rem;\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}\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.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.common-list .item-content .item-summary {\n font-size: 0.875rem;\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.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.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.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.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\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}","// 색상 변수\r\n$color-primary : #282828; // 메인 컬러\r\n$color-secondary : #282828; // 서브 컬러\r\n\r\n$body-color : #212529; // 기본 텍스트 색상\r\n$body-bg-color : #FFFFFF; // 기본 배경 색상\r\n\r\n$link-color : $body-color; // 링크 텍스트 색상\r\n$link-hover-color : $color-primary; // 링크 오버시 텍스트 색상\r\n\r\n// 폰트 관련\r\n$font-family-base :\"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;\r\n$font-family-heading : $font-family-base; // 헤딩태그에 사용 되는 폰트\r\n$font-size-base : 16px;\r\n$font-weight-base : 500;\r\n$font-weight-semi-bold: 600;\r\n$font-weight-bold : 700;\r\n$font-weight-extra-bold : 800;\r\n$font-weight-black : 900;\r\n\r\n$line-height-base : 1.5em;\r\n\r\n\r\n// 애니메이션\r\n$default-animation : ease;\r\n\r\n// 반응형 포인트\r\n$break-lg : 1920px;\r\n$break-md : 1600px;\r\n$break-sm : 768px;\r\n\r\n// 테이블 관련\r\n$table-cell-padding: .75rem !default;\r\n$table-cell-padding-sm: .3rem !default;","// 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}",".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}",".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\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 }\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 display: none;\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 a {\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 .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 font-size:REM(15.75px);\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 .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 }\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 a {\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 font-size:REM(24.83px / 3);\r\n margin-left:REM(35px / 3);\r\n .label{\r\n font-size:REM(24.83px / 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\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\r\n .item-summary {\r\n font-size:REM(14px);\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 }\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 }\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 }\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\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 }\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}"]}