[html]<div class="topic-temp">
    <div class="topic-title"> faq</div>
    <div class="topic-text">
        <p>добро пожаловать в сеул — город грехов и грешников. выберешь ли ты спокойную жизнь или окунешься в эпицентр противостояния между севером и югом? </p>

<p>яркая столица южной кореи разделена на два негласных лагеря рекой ханган. на севере живут самобытные дети улиц: для них - замарать руки ради заветных денег — не вопрос совести, а элементарного выживания.
на юге же царствует элита: общество в котором царит роскошь, а меркантильность - не порок и ценится превыше чести. именно юг считается лицом сеула. </p>

<p>причем тут грехи? семь смертных грехов — это олицетворение пороков, которые ты можешь встретить, завернув в темный уголок сеульской улицы или подняться на лифте высотки. о каждом из них можно почитать ниже подробнее. </p>

<p>если же ты не хочешь марать свои руки, а предпочитаешь спокойно учиться, любить и ходить с друзьями в кафе, то нет проблем, как такового сюжета у нас нет, мы прежде всего реал, в котором отсутствует намек на covid-19. наш faq не вынуждает тебя учитывать всю обстановку вокруг, а лишь добавляет перчинки для возможных идей.</p>

<div class="sins-tab-container">
    <input type="radio" name="tabs" id="tab-1" class="hidden" checked>
    <input type="radio" name="tabs" id="tab-2" class="hidden">
    <input type="radio" name="tabs" id="tab-3" class="hidden">
    <input type="radio" name="tabs" id="tab-4" class="hidden">
    <input type="radio" name="tabs" id="tab-5" class="hidden">
    <input type="radio" name="tabs" id="tab-6" class="hidden">
    <input type="radio" name="tabs" id="tab-7" class="hidden">
    <div class="tabs">
        <label for="tab-1">гнев<span></span></label>
        <label for="tab-2">похоть<span></span></label>
        <label for="tab-3">обжорство<span></span></label>
        <label for="tab-4">алчность<span></span></label>
        <label for="tab-5">зависть<span></span></label>
        <label for="tab-6">гордыня<span></span></label>
        <label for="tab-7">уныние<span></span></label>
    </div>
    <div class="tab-holder">
        <div class="tab" id="tab-1">
            <div class="tab-content">
                в городе существует тотальный контроль за огнестрельным оружием, а улицы увешаны камерами наружного
                слежения [не бутафорией], информация из них сразу поступает в полицейские участки. и если на юге уровень
                преступности крайне мал, то северную 'мафию' — ганпхэ (кор. 깡패 – «хулиган») — можно приписать к решалам
                с битами, кастетами и любителям применять грубую физическую силу.

                как распознать ганпхэ в толпе? среди членов корейских банд самой популярной стрижкой является так
                называемый стиль 'гакдуги' — волосы с боков сбриты, а оставлены только на макушке. ганпхэ часто носят черные костюмы и ездят предпочтительно на иномарках. в общественной бане гангстеров можно узнать по татуировкам,
                которые служат для того, чтобы отличать членов одной банды от другой. существует также стереотип о том,
                что большинство бандитов говорят на диалектах, так как являются выходцами из южных регионов страны.

                <p><b>где? север</b></p>

            </div>
        </div>

        <div class="tab" id="tab-2">
            <div class="tab-content">
                обилие любовных отелей, обусловленное большим ценником на недвижимость и/или необходимостью жить с
                родителями даже после совершеннолетия. проституция в целом не легальна, но она, безусловно, есть — в
                качестве ширмы для публичных домов обычно используются кафе и парикмахерские, массажные салоны и студии
                караоке. заведения северного региона, чтобы заработать побольше, устанавливают в комнатах картины со
                встроенными видеокамерами, и потом продают интересное кино на сайтах для взрослых в теневом интернете.
                на юге распространены так называемые кисэн [современный аналог японских гейш], что предоставляют услуги
                экскорта, сопровождая различных представителей элиты на разного рода званых ужинах, а также развлекают
                клиентов музыкой и интеллектуально-кокетливыми разговорами, время от времени, доставляя тем радости
                иного свойства. иметь дело с кисэн могут лишь люди с высоким достатком.

                <p><b>где? север [проституция, вебкам] + юг [элитный эскорт]</b></p>
            </div>
        </div>

        <div class="tab" id="tab-3">
            <div class="tab-content">

                наркотики обычно распространяются через клубную сеть. студенты и операторы клубов, как правило,
                участвуют в торговле ими, что является относительно простым способом заработать деньги. большинство
                преступлений, связанных с наркотиками, происходит в округах gangnam и yongsan, а наиболее
                распространенным химическим кайфом является кристаллический метамфетамин, также известный как
                кристаллический мет. среди студентов также популярен экстази. более лёгкие наркотики можно раздобыть
                у нелегалов-афроамериканцев в районе итхэвон.

                <p><b>где? север [дешёвые наркотики] + юг [кристаллический мет]</b></p>
            </div>
        </div>

        <div class="tab" id="tab-4">
            <div class="tab-content">

                азартный бизнес в южной корее за последние 5-6 лет принес в бюджет государства более 150 млрд
                долларов чистого дохода. лишь за несколько месяцев 2018 отчислений было собрано порядка 20 млрд
                долларов, и это только с заведений для туристов. но тут стоит помнить важное 'но' — азартные игры
                для местного населения запрещены законом, за нарушение предусмотрено достаточно строгое наказание
                вплоть до реального тюремного срока. единственное место для услады своего порока — казино в одном из
                районов севера.
                <p><b>где? север [туристы] + юг [отмывание денег]</b></p>
            </div>
        </div>

        <div class="tab" id="tab-5">
            <div class="tab-content">

                иностранцы — дело привычное в сеуле. каждый год в стране можно отметить рост преступлений,
                совершённых иммигрантами или туристами. сравнивая с 2007 годом, особый бум можно отметить в таких
                сферах как: незаконный оборот наркотиков (рост 251,7%), нанесение телесных повреждений (43,3%) и
                убийства (25%). в сеуле же особенно выделяется итхэвон, город в северном регионе, своеобразное гетто
                вегугинов [иностранцев]. район на 90% состоит из иностранцев, со всеми вытекающими отсюда плюсами и
                минусами, и прежде всего, преступностью, как главным из всех минусов. будучи скованы рамками
                незнакомой культуры в будни, в выходные иностранцы 'отрываются' по полной программе, бросая
                завистливые взгляды как на соседей по северу, так и на зажиточных южных соседей.
                <p><b>где? север</b></p>
            </div>
        </div>

        <div class="tab" id="tab-6">
            <div class="tab-content">

                только ленивый не слышал, как на весь мир гремит корейское творчество. фильмы, уверенно забирающие в
                америке желанную золотую статуэтку. дорамы на любой вкус, цвет и ориентацию своего искушённого
                зрителя. k-pop, звучащий в каждых наушниках и музыкальных колонках вкупе с танцевальными движениями,
                разрывающими сеульские танцполы. такой бум в сфере не мог не отразиться на поведении по обе стороны
                шоу-бизнеса, разделяя его на мир софитов и обилие теневых фанатов, буквально по пятам преследующих
                своих ненаглядных айдолов. кто-то свято верит, что ударившая в голову слава никак не повлияла на
                поведение ещё вчерашних ноунэймов, кто-то же был свидетелем обратного поведения парней и девушек,
                вынужденных 24/7 играть роль кумиров от мала до велика, причём по обе стороны хангана. что север,
                что юг прячут грешки своих любимцев от вездесущих глаз и ушей, оно и понятно, почему — слишком
                велики ставки. хоть в чём-то вечные конкуренты солидарны.
                <p><b>где? юг</b></p>
            </div>
        </div>

        <div class="tab" id="tab-7">
            <div class="tab-content">

                если на улицах сеула вы увидите живых 'зомби', кидающихся под колёса автомобилей на автостраде, будь
                то мужчина в помятом деловом костюме или девушка-подросток, не удивляйтесь. масштаб уныния настолько
                велик, что может затронуть каждого. поп-звезды, политики, бизнесмены, мэр города: все они уходят из
                жизни по собственной воле. случаи добровольного ухода из жизни корейцев — это уже приобрело масштаб
                эпидемии. невесёлая статистика случаев суицида может ужасать, если порыться в официальных
                источниках, которые политическая власть юга шлифует, убирая острые углы. слишком велико давление
                общества и порядочный уклад социума, которые, увы, никак не могут искоренить из жизни смертных
                разных слоёв депрессии, издевательства онлайн, уничтоженную репутацию или слишком большую рабочую
                нагрузку.
                <p><b>где? юг</b></p>
            </div>
        </div>

    </div>
</div>

    </div>
</div>

<style>
    .sins-tab-container {
        position: relative;
        width: 550px;
        height: fit-content;
        display: flex;
        flex-direction: column;
        margin: 10px 0;
    }

    .sins-tab-container .tabs {
        height: fit-content;
        display: flex;
        justify-content: center;
        align-items: center;
        z-index: 1;
        position: relative;
    }

    .sins-tab-container .tab-holder {
        position: relative;
        height: 213px;
        border-top: 4px solid #b37163;
        z-index: 5;
    }

    .sins-tab-container .tab {
        opacity: 0;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        transition: opacity 150ms;
    }

    .sins-tab-container .tab-content {
        padding: 15px;
    }

    .sins-tab-container label {
        background: #414141;
        color: #f38e7a;
        padding: 10px 5px;
        width: 84px;
        text-align: center;
        transition: 150ms ease-in-out;
        z-index: 1;
        position: relative;
        font-family: 'Arial';
        font-size: 7px;
        letter-spacing: 1px;
        font-weight: 700;
        text-transform: uppercase;
    }

    .sins-tab-container label:hover {
        cursor: pointer;
    }

    .sins-tab-container input.hidden {
        display: none;
    }

    #tab-1:checked~.tabs label[for="tab-1"],
    #tab-2:checked~.tabs label[for="tab-2"],
    #tab-3:checked~.tabs label[for="tab-3"],
    #tab-4:checked~.tabs label[for="tab-4"],
    #tab-5:checked~.tabs label[for="tab-5"],
    #tab-6:checked~.tabs label[for="tab-6"],
    #tab-7:checked~.tabs label[for="tab-7"] {
        width: 110px;
        background: #f38e7a;
        color: #2c2c2c;
        z-index: 3;
    }

    #tab-1:checked~.tab-holder #tab-1,
    #tab-2:checked~.tab-holder #tab-2,
    #tab-3:checked~.tab-holder #tab-3,
    #tab-4:checked~.tab-holder #tab-4,
    #tab-5:checked~.tab-holder #tab-5,
    #tab-6:checked~.tab-holder #tab-6,
    #tab-7:checked~.tab-holder #tab-7 {
        opacity: 1;
        z-index: 1;
    }
</style>
[/html]