You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1 lines
141 KiB
1 lines
141 KiB
{"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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J,AGp6BE,KACE,qBAAA,CHu6BJ,AG36BE,KACE,oBAAA,CH86BJ,AG56BE,KACE,qBAAA,CH+6BJ,AGn7BE,KACE,oBAAA,CHs7BJ,AGp7BE,KACE,qBAAA,CHu7BJ,AG37BE,KACE,oBAAA,CH87BJ,AG57BE,KACE,qBAAA,CH+7BJ,AGn8BE,KACE,oBAAA,CHs8BJ,AGp8BE,KACE,qBAAA,CHu8BJ,AG38BE,KACE,oBAAA,CH88BJ,AG58BE,KACE,qBAAA,CH+8BJ,AGn9BE,KACE,oBAAA,CHs9BJ,AGp9BE,KACE,qBAAA,CHu9BJ,AG39BE,KACE,oBAAA,CH89BJ,AG59BE,KACE,qBAAA,CH+9BJ,AGn+BE,KACE,oBAAA,CHs+BJ,AGp+BE,KACE,qBAAA,CHu+BJ,AG3+BE,KACE,oBAAA,CH8+BJ,AG5+BE,KACE,qBAAA,CH++BJ,AGn/BE,KACE,oBAAA,CHs/BJ,AGp/BE,KACE,qBAAA,CHu/BJ,AG3/BE,KACE,oBAAA,CH8/BJ,AG5/BE,KACE,qBAAA,CH+/BJ,AGngCE,KACE,oBAAA,CHsgCJ,AGpgCE,KACE,qBAAA,CHugCJ,AG3gCE,MACE,qBAAA,CH8gCJ,AG5gCE,MACE,sBAAA,CH+gCJ,AGnhCE,MACE,qBAAA,CHshCJ,AGphCE,MACE,sBAAA,CHuhCJ,AG3hCE,MACE,qBAAA,CH8hCJ,AG5hCE,MACE,sBAAA,CH+hCJ,AGniCE,MACE,qBAAA,CHsiCJ,AGpiCE,MACE,sBAAA,CHuiCJ,AG3iCE,MACE,qBAAA,CH8iCJ,AG5iCE,MACE,sBAAA,CH+iCJ,AGnjCE,MACE,qBAAA,CHsjCJ,AGpjCE,MACE,sBAAA,CHujCJ,AG3jCE,MACE,qBAAA,CH8jCJ,AG5jCE,MACE,sBAAA,CH+jCJ,AGnkCE,MACE,qBAAA,CHskCJ,AGpkCE,MACE,sBAAA,CHukCJ,AG3kCE,MACE,qBAAA,CH8kCJ,AG5kCE,MACE,sBAAA,CH+kCJ,AGnlCE,MACE,qBAAA,CHslCJ,AGplCE,MACE,sBAAA,CHulCJ,AG3lCE,MACE,qBAAA,CH8lCJ,AG5lCE,MACE,sBAAA,CH+lCJ,AGnmCE,MACE,qBAAA,CHsmCJ,AGpmCE,MACE,sBAAA,CHumCJ,AG3mCE,MACE,qBAAA,CH8mCJ,AG5mCE,MACE,sBAAA,CH+mCJ,AGnnCE,MACE,qBAAA,CHsnCJ,AGpnCE,MACE,sBAAA,CHunCJ,AG3nCE,MACE,qBAAA,CH8nCJ,AG5nCE,MACE,sBAAA,CH+nCJ,AGnoCE,MACE,qBAAA,CHsoCJ,AGpoCE,MACE,sBAAA,CHuoCJ,AG3oCE,MACE,qBAAA,CH8oCJ,AG5oCE,MACE,sBAAA,CH+oCJ,AGnpCE,MACE,qBAAA,CHspCJ,AGppCE,MACE,sBAAA,CHupCJ,AG3pCE,MACE,qBAAA,CH8pCJ,AG5pCE,MACE,sBAAA,CH+pCJ,AGnqCE,MACE,qBAAA,CHsqCJ,AGpqCE,MACE,sBAAA,CHuqCJ,AG3qCE,MACE,qBAAA,CH8qCJ,AG5qCE,MACE,sBAAA,CH+qCJ,AGnrCE,MACE,qBAAA,CHsrCJ,AGprCE,MACE,sBAAA,CHurCJ,AG3rCE,MACE,qBAAA,CH8rCJ,AG5rCE,MACE,sBAAA,CH+rCJ,AGnsCE,MACE,qBAAA,CHssCJ,AGpsCE,MACE,sBAAA,CHusCJ,AG3sCE,MACE,qBAAA,CH8sCJ,AG5sCE,MACE,sBAAA,CH+sCJ,AGntCE,MACE,qBAAA,CHstCJ,AGptCE,MACE,sBAAA,CHutCJ,AG3tCE,MACE,qBAAA,CH8tCJ,AG5tCE,MACE,sBAAA,CH+tCJ,AGnuCE,MACE,qBAAA,CHsuCJ,AGpuCE,MACE,sBAAA,CHuuCJ,AG3uCE,MACE,qBAAA,CH8uCJ,AG5uCE,MACE,sBAAA,CH+uCJ,AGnvCE,MACE,qBAAA,CHsvCJ,AGpvCE,MACE,sBAAA,CHuvCJ,AG3vCE,MACE,qBAAA,CH8vCJ,AG5vCE,MACE,sBAAA,CH+vCJ,AGnwCE,MACE,qBAAA,CHswCJ,AGpwCE,MACE,sBAAA,CHuwCJ,AG3wCE,MACE,qBAAA,CH8wCJ,AG5wCE,MACE,sBAAA,CH+wCJ,AGnxCE,MACE,qBAAA,CHsxCJ,AGpxCE,MACE,sBAAA,CHuxCJ,AG3xCE,MACE,qBAAA,CH8xCJ,AG5xCE,MACE,sBAAA,CH+xCJ,AGnyCE,MACE,qBAAA,CHsyCJ,AGpyCE,MACE,sBAAA,CHuyCJ,AG3yCE,MACE,qBAAA,CH8yCJ,AG5yCE,MACE,sBAAA,CH+yCJ,AGnzCE,MACE,qBAAA,CHszCJ,AGpzCE,MACE,sBAAA,CHuzCJ,AG3zCE,MACE,qBAAA,CH8zCJ,AG5zCE,MACE,sBAAA,CH+zCJ,AGn0CE,MACE,qBAAA,CHs0CJ,AGp0CE,MACE,sBAAA,CHu0CJ,AG30CE,MACE,qBAAA,CH80CJ,AG50CE,MACE,sBAAA,CH+0CJ,AGn1CE,MACE,qBAAA,CHs1CJ,AGp1CE,MACE,sBAAA,CHu1CJ,AG31CE,MACE,qBAAA,CH81CJ,AG51CE,MACE,sBAAA,CH+1CJ,AGn2CE,MACE,qBAAA,CHs2CJ,AGp2CE,MACE,sBAAA,CHu2CJ,AG32CE,MACE,qBAAA,CH82CJ,AG52CE,MACE,sBAAA,CH+2CJ,AGn3CE,MACE,qBAAA,CHs3CJ,AGp3CE,MACE,sBAAA,CHu3CJ,AG33CE,MACE,qBAAA,CH83CJ,AG53CE,MACE,sBAAA,CH+3CJ,AGn4CE,MACE,qBAAA,CHs4CJ,AGp4CE,MACE,sBAAA,CHu4CJ,AG34CE,MACE,qBAAA,CH84CJ,AG54CE,MACE,sBAAA,CH+4CJ,AGn5CE,MACE,qBAAA,CHs5CJ,AGp5CE,MACE,sBAAA,CHu5CJ,AG35CE,MACE,qBAAA,CH85CJ,AG55CE,MACE,sBAAA,CH+5CJ,AGn6CE,MACE,qBAAA,CHs6CJ,AGp6CE,MACE,sBAAA,CHu6CJ,AG36CE,MACE,qBAAA,CH86CJ,AG56CE,MACE,sBAAA,CH+6CJ,AGn7CE,MACE,qBAAA,CHs7CJ,AGp7CE,MACE,sBAAA,CHu7CJ,AG37CE,MACE,qBAAA,CH87CJ,AG57CE,MACE,sBAAA,CH+7CJ,AGn8CE,MACE,qBAAA,CHs8CJ,AGp8CE,MACE,sBAAA,CHu8CJ,AG38CE,MACE,qBAAA,CH88CJ,AG58CE,MACE,sBAAA,CH+8CJ,AGn9CE,MACE,qBAAA,CHs9CJ,AGp9CE,MACE,sBAAA,CHu9CJ,AG39CE,MACE,qBAAA,CH89CJ,AG59CE,MACE,sBAAA,CH+9CJ,AGn+CE,MACE,qBAAA,CHs+CJ,AGp+CE,MACE,sBAAA,CHu+CJ,AG3+CE,MACE,qBAAA,CH8+CJ,AG5+CE,MACE,sBAAA,CH++CJ,AGn/CE,MACE,qBAAA,CHs/CJ,AGp/CE,MACE,sBAAA,CHu/CJ,AG3/CE,MACE,qBAAA,CH8/CJ,AG5/CE,MACE,sBAAA,CH+/CJ,AGngDE,MACE,qBAAA,CHsgDJ,AGpgDE,MACE,sBAAA,CHugDJ,AG3gDE,MACE,qBAAA,CH8gDJ,AG5gDE,MACE,sBAAA,CH+gDJ,AGnhDE,MACE,qBAAA,CHshDJ,AGphDE,MACE,sBAAA,CHuhDJ,AG3hDE,MACE,qBAAA,CH8hDJ,AG5hDE,MACE,sBAAA,CH+hDJ,AGniDE,MACE,qBAAA,CHsiDJ,AGpiDE,MACE,sBAAA,CHuiDJ,AG3iDE,MACE,qBAAA,CH8iDJ,AG5iDE,MACE,sBAAA,CH+iDJ,AGnjDE,MACE,qBAAA,CHsjDJ,AGpjDE,MACE,sBAAA,CHujDJ,AG3jDE,MACE,qBAAA,CH8jDJ,AG5jDE,MACE,sBAAA,CH+jDJ,AGnkDE,MACE,qBAAA,CHskDJ,AGpkDE,MACE,sBAAA,CHukDJ,AG3kDE,MACE,qBAAA,CH8kDJ,AG5kDE,MACE,sBAAA,CH+kDJ,AGnlDE,MACE,qBAAA,CHslDJ,AGplDE,MACE,sBAAA,CHulDJ,AG3lDE,MACE,qBAAA,CH8lDJ,AG5lDE,MACE,sBAAA,CH+lDJ,AGnmDE,MACE,qBAAA,CHsmDJ,AGpmDE,MACE,sBAAA,CHumDJ,AG3mDE,MACE,qBAAA,CH8mDJ,AG5mDE,MACE,sBAAA,CH+mDJ,AGnnDE,MACE,qBAAA,CHsnDJ,AGpnDE,MACE,sBAAA,CHunDJ,AG3nDE,MACE,qBAAA,CH8nDJ,AG5nDE,MACE,sBAAA,CH+nDJ,AGnoDE,MACE,qBAAA,CHsoDJ,AGpoDE,MACE,sBAAA,CHuoDJ,AGnoDE,IACE,kBAAA,CHsoDJ,AGpoDE,KACE,sBAAA,CHuoDJ,AGroDE,KACE,wBAAA,CHwoDJ,AGtoDE,KACE,yBAAA,CHyoDJ,AGvoDE,KACE,uBAAA,CH0oDJ,AGxoDE,KACE,uBAAA,CH2oDJ,AGzoDE,KACE,yBAAA,CH4oDJ,AG1oDE,KACE,0BAAA,CH6oDJ,AG3oDE,KACE,wBAAA,CH8oDJ,AG5oDE,IACE,mBAAA,CH+oDJ,AG3qDE,IACE,oBAAA,CH8qDJ,AG5qDE,KACE,wBAAA,CH+qDJ,AG7qDE,KACE,0BAAA,CHgrDJ,AG9qDE,KACE,2BAAA,CHirDJ,AG/qDE,KACE,yBAAA,CHkrDJ,AGhrDE,KACE,yBAAA,CHmrDJ,AGjrDE,KACE,2BAAA,CHorDJ,AGlrDE,KACE,4BAAA,CHqrDJ,AGnrDE,KACE,0BAAA,CHsrDJ,AGprDE,IACE,qBAAA,CHurDJ,AGntDE,KACE,qBAAA,CHstDJ,AGptDE,MACE,yBAAA,CHutDJ,AGrtDE,MACE,2BAAA,CHwtDJ,AGttDE,MACE,4BAAA,CHytDJ,AGvtDE,MACE,0BAAA,CH0tDJ,AGxtDE,MACE,0BAAA,CH2tDJ,AGztDE,MACE,4BAAA,CH4tDJ,AG1tDE,MACE,6BAAA,CH6tDJ,AG3tDE,MACE,2BAAA,CH8tDJ,AG5tDE,KACE,sBAAA,CH+tDJ,AG3vDE,KACE,qBAAA,CH8vDJ,AG5vDE,MACE,yBAAA,CH+vDJ,AG7vDE,MACE,2BAAA,CHgwDJ,AG9vDE,MACE,4BAAA,CHiwDJ,AG/vDE,MACE,0BAAA,CHkwDJ,AGhwDE,MACE,0BAAA,CHmwDJ,AGjwDE,MACE,4BAAA,CHowDJ,AGlwDE,MACE,6BAAA,CHqwDJ,AGnwDE,MACE,2BAAA,CHswDJ,AGpwDE,KACE,sBAAA,CHuwDJ,AGnyDE,KACE,qBAAA,CHsyDJ,AGpyDE,MACE,yBAAA,CHuyDJ,AGryDE,MACE,2BAAA,CHwyDJ,AGtyDE,MACE,4BAAA,CHyyDJ,AGvyDE,MACE,0BAAA,CH0yDJ,AGxyDE,MACE,0BAAA,CH2yDJ,AGzyDE,MACE,4BAAA,CH4yDJ,AG1yDE,MACE,6BAAA,CH6yDJ,AG3yDE,MACE,2BAAA,CH8yDJ,AG5yDE,KACE,sBAAA,CH+yDJ,AG30DE,KACE,qBAAA,CH80DJ,AG50DE,MACE,yBAAA,CH+0DJ,AG70DE,MACE,2BAAA,CHg1DJ,AG90DE,MACE,4BAAA,CHi1DJ,AG/0DE,MACE,0BAAA,CHk1DJ,AGh1DE,MACE,0BAAA,CHm1DJ,AGj1DE,MACE,4BAAA,CHo1DJ,AGl1DE,MACE,6BAAA,CHq1DJ,AGn1DE,MACE,2BAAA,CHs1DJ,AGp1DE,KACE,sBAAA,CHu1DJ,AGn3DE,KACE,qBAAA,CHs3DJ,AGp3DE,MACE,yBAAA,CHu3DJ,AGr3DE,MACE,2BAAA,CHw3DJ,AGt3DE,MACE,4BAAA,CHy3DJ,AGv3DE,MACE,0BAAA,CH03DJ,AGx3DE,MACE,0BAAA,CH23DJ,AGz3DE,MACE,4BAAA,CH43DJ,AG13DE,MACE,6BAAA,CH63DJ,AG33DE,MACE,2BAAA,CH83DJ,AG53DE,KACE,sBAAA,CH+3DJ,AG35DE,KACE,qBAAA,CH85DJ,AG55DE,MACE,yBAAA,CH+5DJ,AG75DE,MACE,2BAAA,CHg6DJ,AG95DE,MACE,4BAAA,CHi6DJ,AG/5DE,MACE,0BAAA,CHk6DJ,AGh6DE,MACE,0BAAA,CHm6DJ,AGj6DE,MACE,4BAAA,CHo6DJ,AGl6DE,MACE,6BAAA,CHq6DJ,AGn6DE,MACE,2BAAA,CHs6DJ,AGp6DE,KACE,sBAAA,CHu6DJ,AGn8DE,KACE,qBAAA,CHs8DJ,AGp8DE,MACE,yBAAA,CHu8DJ,AGr8DE,MACE,2BAAA,CHw8DJ,AGt8DE,MACE,4BAAA,CHy8DJ,AGv8DE,MACE,0BAAA,CH08DJ,AGx8DE,MACE,0BAAA,CH28DJ,AGz8DE,MACE,4BAAA,CH48DJ,AG18DE,MACE,6BAAA,CH68DJ,AG38DE,MACE,2BAAA,CH88DJ,AG58DE,KACE,sBAAA,CH+8DJ,AG3+DE,KACE,qBAAA,CH8+DJ,AG5+DE,MACE,yBAAA,CH++DJ,AG7+DE,MACE,2BAAA,CHg/DJ,AG9+DE,MACE,4BAAA,CHi/DJ,AG/+DE,MACE,0BAAA,CHk/DJ,AGh/DE,MACE,0BAAA,CHm/DJ,AGj/DE,MACE,4BAAA,CHo/DJ,AGl/DE,MACE,6BAAA,CHq/DJ,AGn/DE,MACE,2BAAA,CHs/DJ,AGp/DE,KACE,sBAAA,CHu/DJ,AGnhEE,KACE,qBAAA,CHshEJ,AGphEE,MACE,yBAAA,CHuhEJ,AGrhEE,MACE,2BAAA,CHwhEJ,AGthEE,MACE,4BAAA,CHyhEJ,AGvhEE,MACE,0BAAA,CH0hEJ,AGxhEE,MACE,0BAAA,CH2hEJ,AGzhEE,MACE,4BAAA,CH4hEJ,AG1hEE,MACE,6BAAA,CH6hEJ,AG3hEE,MACE,2BAAA,CH8hEJ,AG5hEE,KACE,sBAAA,CH+hEJ,AG3jEE,KACE,qBAAA,CH8jEJ,AG5jEE,MACE,yBAAA,CH+jEJ,AG7jEE,MACE,2BAAA,CHgkEJ,AG9jEE,MACE,4BAAA,CHikEJ,AG/jEE,MACE,0BAAA,CHkkEJ,AGhkEE,MACE,0BAAA,CHmkEJ,AGjkEE,MACE,4BAAA,CHokEJ,AGlkEE,MACE,6BAAA,CHqkEJ,AGnkEE,MACE,2BAAA,CHskEJ,AGpkEE,KACE,sBAAA,CHukEJ,AGnmEE,KACE,qBAAA,CHsmEJ,AGpmEE,MACE,yBAAA,CHumEJ,AGrmEE,MACE,2BAAA,CHwmEJ,AGtmEE,MACE,4BAAA,CHymEJ,AGvmEE,MACE,0BAAA,CH0mEJ,AGxmEE,MACE,0BAAA,CH2mEJ,AGzmEE,MACE,4BAAA,CH4mEJ,AG1mEE,MACE,6BAAA,CH6mEJ,AG3mEE,MACE,2BAAA,CH8mEJ,AG5mEE,KACE,sBAAA,CH+mEJ,AG3oEE,KACE,qBAAA,CH8oEJ,AG5oEE,MACE,yBAAA,CH+oEJ,AG7oEE,MACE,2BAAA,CHgpEJ,AG9oEE,MACE,4BAAA,CHipEJ,AG/oEE,MACE,0BAAA,CHkpEJ,AGhpEE,MACE,0BAAA,CHmpEJ,AGjpEE,MACE,4BAAA,CHopEJ,AGlpEE,MACE,6BAAA,CHqpEJ,AGnpEE,MACE,2BAAA,CHspEJ,AGppEE,KACE,sBAAA,CHupEJ,AGnrEE,KACE,qBAAA,CHsrEJ,AGprEE,MACE,yBAAA,CHurEJ,AGrrEE,MACE,2BAAA,CHwrEJ,AGtrEE,MACE,4BAAA,CHyrEJ,AGvrEE,MACE,0BAAA,CH0rEJ,AGxrEE,MACE,0BAAA,CH2rEJ,AGzrEE,MACE,4BAAA,CH4rEJ,AG1rEE,MACE,6BAAA,CH6rEJ,AG3rEE,MACE,2BAAA,CH8rEJ,AG5rEE,KACE,sBAAA,CH+rEJ,AG3tEE,KACE,qBAAA,CH8tEJ,AG5tEE,MACE,yBAAA,CH+tEJ,AG7tEE,MACE,2BAAA,CHguEJ,AG9tEE,MACE,4BAAA,CHiuEJ,AG/tEE,MACE,0BAAA,CHkuEJ,AGhuEE,MACE,0BAAA,CHmuEJ,AGjuEE,MACE,4BAAA,CHouEJ,AGluEE,MACE,6BAAA,CHquEJ,AGnuEE,MACE,2BAAA,CHsuEJ,AGpuEE,KACE,sBAAA,CHuuEJ,AGnwEE,KACE,qBAAA,CHswEJ,AGpwEE,MACE,yBAAA,CHuwEJ,AGrwEE,MACE,2BAAA,CHwwEJ,AGtwEE,MACE,4BAAA,CHywEJ,AGvwEE,MACE,0BAAA,CH0wEJ,AGxwEE,MACE,0BAAA,CH2wEJ,AGzwEE,MACE,4BAAA,CH4wEJ,AG1wEE,MACE,6BAAA,CH6wEJ,AG3wEE,MACE,2BAAA,CH8wEJ,AG5wEE,KACE,sBAAA,CH+wEJ,AG3yEE,KACE,qBAAA,CH8yEJ,AG5yEE,MACE,yBAAA,CH+yEJ,AG7yEE,MACE,2BAAA,CHgzEJ,AG9yEE,MACE,4BAAA,CHizEJ,AG/yEE,MACE,0BAAA,CHkzEJ,AGhzEE,MACE,0BAAA,CHmzEJ,AGjzEE,MACE,4BAAA,CHozEJ,AGlzEE,MACE,6BAAA,CHqzEJ,AGnzEE,MACE,2BAAA,CHszEJ,AGpzEE,KACE,sBAAA,CHuzEJ,AGn1EE,KACE,qBAAA,CHs1EJ,AGp1EE,MACE,yBAAA,CHu1EJ,AGr1EE,MACE,2BAAA,CHw1EJ,AGt1EE,MACE,4BAAA,CHy1EJ,AGv1EE,MACE,0BAAA,CH01EJ,AGx1EE,MACE,0BAAA,CH21EJ,AGz1EE,MACE,4BAAA,CH41EJ,AG11EE,MACE,6BAAA,CH61EJ,AG31EE,MACE,2BAAA,CH81EJ,AG51EE,KACE,sBAAA,CH+1EJ,AG33EE,KACE,qBAAA,CH83EJ,AG53EE,MACE,yBAAA,CH+3EJ,AG73EE,MACE,2BAAA,CHg4EJ,AG93EE,MACE,4BAAA,CHi4EJ,AG/3EE,MACE,0BAAA,CHk4EJ,AGh4EE,MACE,0BAAA,CHm4EJ,AGj4EE,MACE,4BAAA,CHo4EJ,AGl4EE,MACE,6BAAA,CHq4EJ,AGn4EE,MACE,2BAAA,CHs4EJ,AGp4EE,KACE,sBAAA,CHu4EJ,AGn6EE,MACE,sBAAA,CHs6EJ,AGp6EE,OACE,0BAAA,CHu6EJ,AGr6EE,OACE,4BAAA,CHw6EJ,AGt6EE,OACE,6BAAA,CHy6EJ,AGv6EE,OACE,2BAAA,CH06EJ,AGx6EE,OACE,2BAAA,CH26EJ,AGz6EE,OACE,6BAAA,CH46EJ,AG16EE,OACE,8BAAA,CH66EJ,AG36EE,OACE,4BAAA,CH86EJ,AG56EE,MACE,uBAAA,CH+6EJ,AG16EE,KACE,kBAAA,CH66EJ,AG96EE,MACE,mBAAA,CHi7EJ,AGl7EE,MACE,mBAAA,CHq7EJ,AGt7EE,MACE,mBAAA,CHy7EJ,AG17EE,MACE,mBAAA,CH67EJ,AG97EE,MACE,mBAAA,CHi8EJ,AGl8EE,MACE,mBAAA,CHq8EJ,AGt8EE,MACE,mBAAA,CHy8EJ,AG18EE,MACE,mBAAA,CH68EJ,AG98EE,MACE,mBAAA,CHi9EJ,AGl9EE,MACE,mBAAA,CHq9EJ,AGt9EE,MACE,mBAAA,CHy9EJ,AG19EE,MACE,mBAAA,CH69EJ,AG99EE,MACE,mBAAA,CHi+EJ,AGl+EE,MACE,mBAAA,CHq+EJ,AGt+EE,MACE,mBAAA,CHy+EJ,AG1+EE,MACE,mBAAA,CH6+EJ,AG9+EE,MACE,mBAAA,CHi/EJ,AGl/EE,MACE,mBAAA,CHq/EJ,AGt/EE,OACE,oBAAA,CHy/EJ,AGr/EA,WACE,yBAAA,CHw/EF,AGr/EA,YACE,0BAAA,CHw/EF,AGr/EA,aACE,2BAAA,CHw/EF,AGr/EA,cDnCE,qBAAA,AACA,iBAAA,AACA,YAAA,CF4hFF,AGx/EE,2BACE,kBAAA,CH0/EJ,AGv/EE,6BACE,sBAAA,CHy/EJ,AGt/EE,yBACE,qBAAA,CHw/EJ,AIjmFA,YACE,WAAA,AACA,oBAAA,AACA,uBAAA,CJ0mFF,AIxmFE,eACE,gBAAA,AACA,aAAA,AACA,UAAA,AACA,QAAA,CJ0mFJ,AIvmFM,2CACE,cAAA,AACA,kBAAA,AACA,eAAA,CJymFR,AIpmFU,+DACE,YAAA,AACA,cAAA,AACA,kBAAA,AACA,gBAAA,AACA,iBAAA,CJsmFZ,AK/nFA,cACE,gBAAA,AACA,uBAAA,AACA,kBAAA,AACA,kBAAA,CLkoFF,AKhoFE,+BACE,aAAA,AACA,mBAAA,AACA,2BAAA,AACA,gCAAA,AACA,iBAAA,CLkoFJ,AKhoFI,+CACE,oBAAA,AACA,cAAA,AACA,gBAAA,AACA,eAAA,CLkoFN,AMnpFA,YACE,cAAA,AACA,UAAA,CNspFF,AMppFE,eACE,WAAA,AACA,aAAA,AACA,uBAAA,AACA,kBAAA,CNspFJ,AMnpFM,2CACE,aAAA,AACA,cAAA,AACA,eAAA,AACA,uBAAA,AACA,mBAAA,AACA,mBAAA,AACA,cAAA,AACA,6BAAA,AACA,oDAAA,AACA,cAAA,CNqpFR,AMhpFQ,wKACE,yBAAA,AACA,UAAA,CNkpFV,AM7oFQ,yDACE,cAAA,CN+oFV,AM1oFQ,6DACE,WAAA,AACA,cAAA,CN4oFV,AOlrFA,MACE,UAAA,CP2rFF,AO1rFE,WACE,kBAAA,AACA,eAAA,CP4rFJ,AO3rFI,qBACE,WAAA,AACA,YAAA,AACA,kBAAA,AACA,OAAA,AACA,KAAA,CP6rFN,AOzrFE,gBLyCA,qBAAA,AACA,iBAAA,AACA,aAAA,AKzCE,oBAAA,AACA,6BAAA,CP6rFJ,AElnFE,oCK9EA,gBAKI,qBAAA,CP+rFJ,CACF,AO9rFI,yBACE,gBAAA,CPgsFN,AE1nFE,oCKvEE,yBAGI,YAAA,CPksFN,CACF,AOhsFI,yBACE,YAAA,AL2BJ,qBAAA,AACA,iBAAA,AACA,aAAA,AK3BI,qBAAA,CPosFN,AOnsFM,8BACE,8BAAA,AACA,uBAAA,AACA,iBAAA,AACA,iBAAA,AACA,gBAAA,AACA,sBAAA,AACA,iBAAA,CPqsFR,AOnsFM,iCACE,kBAAA,ALcN,qBAAA,AACA,iBAAA,AACA,aAAA,AKdM,8BAAA,AACA,mBAAA,CPusFR,AOtsFQ,uCACE,kBAAA,AACA,uBAAA,AACA,iBAAA,AACA,kBAAA,AACA,sBAAA,AACA,eAAA,CPwsFV,AOvsFU,6CACE,WAAA,AACA,YAAA,AACA,iBAAA,ALAV,qBAAA,AACA,iBAAA,AACA,aAAA,AKAU,uBAAA,AACA,qBAAA,CP2sFZ,AO1sFY,oDACE,sBAAA,AACA,gBN/CY,AMgDZ,iBAAA,AACA,WAAA,AACA,gONxDK,AMyDL,uBAAA,AACA,iBAAA,CP4sFd,AO3sFc,2DACE,WAAA,AACA,eAAA,AACA,gBAAA,AACA,sBAAA,AACA,kBAAA,AACA,OAAA,AACA,aAAA,CP6sFhB,AO1sFY,mDACE,cAAA,AACA,oBAAA,CP4sFd,AO3sFc,sDACE,sBAAA,AACA,UAAA,CP6sFhB,AO1sFY,mDACE,SAAA,CP4sFd,AO3sFc,sDACE,qBAAA,AACA,WAAA,AACA,uBAAA,AACA,aAAA,CP6sFhB,AOvsFU,6CACE,8BAAA,AACA,uBAAA,AACA,kBAAA,AACA,sBAAA,AACA,eAAA,CPysFZ,AOxsFY,iDACE,iBAAA,AACA,iBAAA,AACA,eAAA,CP0sFd,AOxsFY,oDACE,iBAAA,AACA,iBAAA,AACA,eAAA,CP0sFd,AE7tFE,oCKjEE,yBA0FI,WAAA,AACA,iBAAA,CPwsFN,AOvsFM,8BACE,WAAA,AACA,uBAAA,AACA,4BAAA,CPysFR,AOvsFM,iCACE,2BAAA,AACA,yBAAA,CPysFR,AOxsFQ,uCACE,6BAAA,AACA,sBAAA,AACA,sBAAA,CP0sFV,AOzsFU,6CACE,uBAAA,AL7EZ,qBAAA,AACA,iBAAA,AACA,aAAA,AK6EY,uBAAA,AACA,qBAAA,CP6sFZ,AO5sFY,oDACE,0BAAA,AACA,gONlIG,AMmIH,+BAAA,AACA,iBAAA,CP8sFd,AO7sFc,2DACE,sBAAA,AACA,sBAAA,AACA,sBAAA,AACA,YAAA,CP+sFhB,AO5sFY,mDACE,sBAAA,CP8sFd,AO7sFc,sDACE,kBAAA,CP+sFhB,AO3sFc,sDACE,yBAAA,AACA,4BAAA,CP6sFhB,AOvsFU,6CACE,4BAAA,CPysFZ,AOxsFY,iDACE,sBAAA,AACA,uBAAA,AACA,gBAAA,AACA,kBAAA,AACA,QAAA,AACA,oBAAA,CP0sFd,AOxsFY,oDACE,eAAA,AACA,uBAAA,AACA,gBAAA,AACA,YAAA,CP0sFd,CACF,AOpsFI,yBACE,iBAAA,ALlIJ,qBAAA,AACA,iBAAA,AACA,aAAA,AKkII,qBAAA,CPwsFN,AOvsFM,8BACE,8BAAA,AACA,uBAAA,AACA,iBAAA,AACA,kBAAA,AACA,gBAAA,AACA,sBAAA,AACA,uBAAA,CPysFR,AOvsFM,iCACE,uBAAA,AACA,YAAA,AACA,YAAA,AACA,yBAAA,AACA,iBAAA,CPysFR,AOxsFQ,uCLpJN,qBAAA,AACA,iBAAA,AACA,aAAA,AKoJQ,sBAAA,AACA,eAAA,CP4sFV,AO1sFQ,wCACE,oBAAA,AACA,gBNpMgB,AMqMhB,iBAAA,AACA,WAAA,AACA,gON7MS,AM8MT,uBAAA,AACA,kBAAA,AACA,wBAAA,CP4sFV,AO1sFU,+CACE,WAAA,AACA,eAAA,AACA,gBAAA,AACA,sBAAA,AACA,kBAAA,AACA,OAAA,AACA,aAAA,CP4sFZ,AOzsFQ,2CACE,oBAAA,AACA,sBAAA,AACA,WAAA,AACA,gBAAA,AACA,oBAAA,AACA,WAAA,AACA,qBAAA,AACA,oBAAA,AACA,gBAAA,AACA,uBAAA,AACA,oBAAA,AACA,qBAAA,AAEA,WAAA,CP2sFV,AEj2FE,oCK4FE,yBA8DI,WAAA,AACA,0BAAA,AACA,mBAAA,AACA,6BAAA,CP2sFN,AO1sFM,8BACE,6BAAA,AACA,cAAA,AACA,uBAAA,CP4sFR,AO1sFM,iCACE,6BAAA,AACA,sBAAA,AACA,eAAA,AACA,0BAAA,AACA,oBAAA,AACA,qBAAA,CP4sFR,AO3sFQ,uCACE,sBAAA,CP6sFV,AO3sFQ,wCACE,oBAAA,AACA,+BAAA,AACA,qBAAA,AACA,mBAAA,CP6sFV,AO3sFU,+CACE,WAAA,AACA,sBAAA,AACA,sBAAA,AACA,sBAAA,AACA,kBAAA,AACA,OAAA,AACA,YAAA,CP6sFZ,AO1sFQ,2CACE,yBAAA,AACA,oBAAA,AACA,eAAA,AACA,mBAAA,AACA,UAAA,CP4sFV,CACF,AOvsFE,mBACE,0BAAA,CPysFJ,AOxsFI,gCACE,8BAAA,AACA,WAAA,AACA,iBAAA,AACA,qBAAA,AACA,wBAAA,AACA,gBAAA,AACA,qBAAA,CP0sFN,AE35FE,oCKwMA,mBAaI,uBAAA,CP0sFJ,AOzsFI,gCACE,WAAA,AACA,uBAAA,AACA,4BAAA,CP2sFN,CACF,AOxsFE,0BACE,YAAA,CP0sFJ,AEx6FE,oCK6NA,0BLlQA,qBAAA,AACA,iBAAA,AACA,aAAA,AKoQI,uBAAA,AACA,WAAA,AACA,cAAA,AACA,6BAAA,AACA,oBAAA,AACA,kBAAA,AACA,sBAAA,AACA,2BAAA,AACA,6BAAA,CP8sFJ,AO7sFI,iCACE,0BAAA,AACA,yBAAA,AACA,gBN5TY,AM6TZ,kBAAA,AACA,WAAA,AACA,kBAAA,AACA,OAAA,AACA,aAAA,AACA,aAAA,CP+sFN,AO5sFM,kCL3RN,qBAAA,AACA,iBAAA,AACA,aAAA,AK2RQ,mBAAA,AACA,8BAAA,AACA,kBAAA,AACA,sBAAA,AACA,yBAAA,AACA,sBAAA,AACA,aAAA,CPgtFR,AO/sFQ,yCACE,WAAA,AACA,cAAA,AACA,qBAAA,AACA,sBAAA,AACA,6BAAA,AACA,yBAAA,AACA,kBAAA,AACA,OAAA,AACA,QAAA,AACA,0BAAA,CPitFV,AO/sFQ,wCACE,WAAA,AACA,kBAAA,AACA,OAAA,AACA,QAAA,AACA,2BAAA,AACA,qBAAA,CPitFV,AO5sFU,2CACE,qBAAA,AACA,gBAAA,AACA,2BAAA,ALlVZ,6BAF6C,AAG7C,8CAAA,AACA,4BAJ6E,AAK7E,6BAL+G,AAM/G,4BAN8I,CFuiG9I,AO9sFM,0CACE,2BAAA,CPgtFR,AO9sFU,kDACE,qBAAA,AACA,sBAAA,AACA,qBAAA,AL7VZ,6BAF6C,AAG7C,qDAAA,AACA,4BAJ6E,AAK7E,6BAL+G,AAM/G,4BAN8I,CFojG9I,AOhtFM,qCACE,2BAAA,CPktFR,AOhtFU,6CACE,eAAA,AACA,sBAAA,AACA,2BAAA,ALxWZ,6BAF6C,AAG7C,gDAAA,AACA,4BAJ6E,AAK7E,6BAL+G,AAM/G,4BAN8I,CFikG9I,CACF,AOhtFE,mBL5VA,qBAAA,AACA,iBAAA,AACA,aAAA,AK4VE,8BAAA,AACA,kBAAA,AACA,SAAA,CPotFJ,AE/gGE,oCKuTA,mBAMI,qBAAA,CPstFJ,CACF,AOrtFI,8BLpWF,qBAAA,AACA,iBAAA,AACA,aAAA,AKoWI,mBAAA,AACA,8BAAA,AACA,qCAAA,AACA,uBAAA,AACA,qBAAA,CPytFN,AE9hGE,oCK+TE,8BAQI,yBAAA,AACA,8BAAA,AACA,4BAAA,CP2tFN,CACF,AOztFI,gCACE,sBAAA,AACA,cAAA,AACA,aAAA,CP2tFN,AE1iGE,oCK4UE,gCAKI,YAAA,CP6tFN,CACF,AO3tFI,gCAGE,6BAAA,CP+tFN,AO9tFM,qEL7XJ,qBAAA,AACA,iBAAA,AACA,aAAA,AKyXI,kBAAA,CAEA,AP4uFN,qCO3uFQ,sBAAA,AACA,aAAA,AACA,cAAA,AACA,qBAAA,AACA,YAAA,AAGA,uBAAA,AACA,qBAAA,AACA,aAAA,CPkuFR,AOjuFQ,+CACE,oBAAA,CPmuFV,AOjuFQ,2CACE,gBAAA,CPmuFV,AOhuFM,mDACE,kBAAA,AACA,OAAA,AACA,uBAAA,AACA,cAAA,AACA,SAAA,ALpZN,qBAAA,AACA,iBAAA,AACA,aAAA,AKoZM,mBAAA,AACA,gBAAA,CPouFR,AOluFM,0DACE,yBAAA,AACA,eAAA,AACA,eAAA,CPouFR,AOnuFQ,0FACE,eAAA,AACA,uBAAA,AACA,wBAAA,CPquFV,AEhmGE,oCK+XM,qCACE,cAAA,AACA,eAAA,AACA,sBAAA,AACA,0BAAA,CPouFR,AOnuFQ,+CACE,oBAAA,CPquFV,AOnuFQ,2CACE,wBAAA,CPquFV,AOluFM,mDACE,cAAA,CPouFR,AOluFM,0DACE,aAAA,AACA,aAAA,CPouFR,AOnuFQ,0FACE,qBAAA,AACA,4BAAA,CPquFV,CACF,AOjuFI,+BACE,WAAA,CPmuFN,AOluFM,iDACE,YAAA,AACA,kBAAA,AACA,eAAA,CPouFR,AOjuFQ,0DACE,iBAAA,AACA,0BAAA,AACA,qCAAA,AACA,qBAAA,CPmuFV,AOluFU,4DL1cR,qBAAA,AACA,iBAAA,AACA,aAAA,AK0cU,WAAA,AACA,kBAAA,AACA,WAAA,CPsuFZ,AOruFY,kEACE,gBAAA,AACA,sCAAA,AACA,gBAAA,AACA,kBAAA,AACA,cAAA,AACA,sBAAA,AACA,oBAAA,AACA,qBAAA,AACA,mBAAA,AACA,iBAAA,AACA,cAAA,AACA,qCAAA,AACA,mCAAA,AACA,mBAAA,AACA,kBAAA,AACA,QAAA,AACA,gBAAA,AACA,QAAA,AACA,0BAAA,CPuuFd,AOpuFU,gEACE,qBAAA,AACA,gBNlhBY,AMmhBZ,cAAA,AACA,aAAA,CPsuFZ,AOruFY,qEACE,cAAA,AACA,qBAAA,AACA,eNvhBM,CD8vGpB,AOpuFU,uEACE,qBAAA,AACA,qBAAA,ALlfV,qBAAA,AACA,iBAAA,AACA,aAAA,AKkfU,6BAAA,AACA,sBAAA,AACA,aAAA,CPwuFZ,AOvuFY,8EACE,cAAA,AACA,qBAAA,AACA,cAAA,AACA,aAAA,CPyuFd,AE/rGE,oCKwZE,+BAqEI,UAAA,CPsuFN,AOruFM,iDACE,WAAA,AACA,aAAA,AACA,eAAA,CPuuFR,AOpuFQ,0DACE,yBAAA,AACA,yBAAA,CPsuFV,AOruFU,4DL5gBV,qBAAA,AACA,iBAAA,AACA,aAAA,AK4gBY,WAAA,AACA,iBAAA,CPyuFZ,AOxuFY,kEACE,iBAAA,CP0uFd,AOvuFU,gEACE,wBAAA,CPyuFZ,AOxuFY,qEACE,yBAAA,CP0uFd,AOvuFU,uEACE,yBAAA,AACA,0BAAA,CPyuFZ,AOxuFY,8EACE,wBAAA,CP0uFd,CACF,AOpuFI,gCACE,cAAA,AACA,eAAA,CPsuFN,AOruFM,8CACE,2BAAA,AACA,kBAAA,AACA,uBAAA,AACA,YAAA,AACA,sBAAA,AACA,eAAA,CPuuFR,AOtuFQ,2DACE,kBAAA,CPwuFV,AOruFM,0CACE,YAAA,CPuuFR,AEtvGE,oCKggBE,gCAkBI,UAAA,CPwuFN,AOvuFM,2CACE,YAAA,CPyuFR,AOvuFM,8CACE,gCAAA,AACA,wBAAA,AACA,4BAAA,CPyuFR,AOxuFQ,2DACE,2BAAA,CP0uFV,AOvuFM,0CACE,cAAA,AACA,yBAAA,AACA,8BAAA,AACA,cAAA,AACA,WAAA,AACA,uBAAA,AACA,iCAAA,CPyuFR,CACF,AQ92GA,aACE,gBAAA,AACA,UAAA,AACA,QAAA,CRi3GF,AQ/2GE,wBACE,kBAAA,AACA,UAAA,AACA,SAAA,AACA,eAAA,CRi3GJ,AQ/2GI,wCACE,aAAA,AACA,WAAA,AACA,WAAA,CRi3GN,AQ/2GM,uDACE,WAAA,AACA,YAAA,AACA,cAAA,AACA,oBAAA,gBAAA,CRi3GR,AQ32GI,uCACE,cAAA,AACA,eAAA,AACA,cAAA,AACA,WAAA,AACA,mBAAA,AACA,uBAAA,AACA,gBAAA,AACA,uBAAA,AACA,eAAA,CR62GN,AQ32GM,yCACE,aAAA,CR62GR,AQ32GQ,+CACE,yBAAA,CR62GV,AQx2GI,yCACE,kBAAA,AACA,cAAA,AACA,oBAAA,AAEA,qBAAA,AACA,uBAAA,AACA,gBAAA,AACA,uBAAA,AACA,oBAAA,AACA,gBAAA,AACA,cAAA,AACA,qBAAA,AACA,kBAAA,CR02GN,AQx2GM,2CACE,aAAA,CR02GR,AQx2GQ,iDACE,yBAAA,CR02GV,AQr2GI,sCACE,SAAA,AACA,SAAA,CRu2GN,AQr2GM,yCACE,SAAA,AACA,aAAA,AACA,kBAAA,CRu2GR,AQr2GQ,4CACE,oBAAA,CRu2GV,AQp2GQ,4CACE,kBAAA,AACA,cAAA,AACA,eAAA,CRs2GV,AQ/1GI,wBACE,aAAA,AACA,kBAAA,AACA,+BAAA,CRi2GN,AQ/1GM,mCACE,gBAAA,AACA,iBAAA,AAEA,cAAA,AACA,qBAAA,CRg2GR,AQ71GM,sCAEE,OAAA,AACA,YAAA,AACA,eAAA,CR81GR,AQ51GQ,oDACE,cAAA,AACA,qBAAA,AACA,kBAAA,CR81GV,AQx1GE,mBACE,aAAA,AACA,cAAA,CR01GJ,AQx1GI,yBACE,UAAA,AACA,wBAAA,CR01GN,AQx1GM,oCACE,cAAA,AACA,eAAA,AACA,qBAAA,CR01GR,AQt1GQ,mDACE,iBAAA,CRw1GV,AQl1GE,oBACE,iBAAA,AACA,aAAA,AACA,cAAA,CRo1GJ,AQl1GI,0BACE,UAAA,AACA,sBAAA,CRo1GN,AQl1GM,qCACE,eAAA,AACA,gBAAA,AACA,gBAAA,CRo1GR,AQh1GQ,oDACE,oBAAA,AAEA,qBAAA,AACA,gBAAA,AACA,uBAAA,AACA,cAAA,AACA,qBAAA,AACA,mBAAA,AACA,mBAAA,AACA,oBAAA,CRk1GV,AQ50GE,mBACE,aAAA,AACA,eAAA,AACA,WAAA,AACA,wBAAA,AACA,uBAAA,CR80GJ,AQ50GI,yBACE,uBAAA,AACA,UAAA,AACA,+BAAA,CR80GN,AQ50GM,oCACE,WAAA,AACA,gBAAA,CR80GR,AQ30GM,qCACE,kBAAA,CR60GR,AQ10GM,uCACE,mBAAA,AACA,cAAA,AACA,qBAAA,AACA,kBAAA,CR40GR,AQt0GA,eACE,WAAA,AACA,aAAA,AACA,yBAAA,AACA,gBAAA,AACA,oBAAA,AACA,0BAAA,AACA,sBAAA,CRy0GF,AQv0GE,0BACE,cAAA,AACA,WAAA,AACA,uBAAA,AACA,aAAA,AACA,mBAAA,AACA,sBAAA,AACA,iBAAA,CRy0GJ,AQt0GE,yBACE,gBAAA,AACA,UAAA,AACA,iBAAA,AACA,OAAA,AACA,YAAA,AACA,aAAA,AACA,cAAA,CRw0GJ,AQt0GI,4BACE,gBAAA,CRw0GN,AQt0GM,8BACE,aAAA,AACA,uBAAA,AACA,mBAAA,AACA,eAAA,AACA,sBAAA,AACA,sBAAA,AACA,cAAA,AACA,qBAAA,AACA,kBAAA,AACA,qDAAA,CRw0GR,AQp0GQ,qCACE,yBAAA,AACA,UAAA,CRs0GV","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 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 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}"]}
|