Код:
<!--HTML-->
<center>
<div class="sugar-back">
<div class="sugar-top">Guidebook</div>
<div class="sugar-bot"> Ulsan map</div>  
<div class="sugar-icon"></div>  
<div class="sugar-container">

<div class="sugar-tabs">


<div class="sugar-tab">
<input type="radio" id="sugar-tab-1" name="sugar-tab-group-1" checked>
<label for="sugar-tab-1">Korea </label>
<div class="sugar-content">

<b>ФАКТЫ О ЮЖНОЙ КОРЕЕ:</b>
<br>
<br>» Примерно 70 % территории страны — гористая местность. Оставшаяся часть густо населена, особенно вблизи столицы и в самом Сеуле плотность населения невероятно высока. Города переходят один в другой, и они очень похожи. Увлечение корейцев горами и походами тоже кажется совершенно естественным.
<br>
<br>» В Южной Корее очень необычный подход к возрасту. Новорожденного уже принимают, как однолетнего ребенка, а 2 год ему исполняется в следующий Лунный Новый Год. Более того, в возрасте 100 дней для младенца организуется большой праздник.
<br>
<br>» Вместо обогревателей воздуха в Южной Корее распространены тёплые полы. Такой пол называется «ондол», и обогревается при помощи системы труб, проложенных под ним. Южнокорейцы часто едят, спят и смотрят телевизор прямо на полу. Во многих ресторанах предлагают выбрать столы со стульями и креслами или же маленькие столики, за которыми сидят прямо на полу или на небольших подушках.
<br>
<br>» Бейсбол — один из самых популярных видов спорта среди корейцев, а между «ягу» и американской версией бейсбола существует несколько интересных различий. Например, команды получают название в честь корпораций, а не городов. На корейских бейсбольных матчах можно увидеть девушек из группы поддержки, а фанаты спорта наслаждаются ким-бобом — кольцами морских водорослей с крабами, омарами и сосисками.
<br>
<br>» Самой важной отраслью экономики Южной Кореи считается сельское хозяйство.
<br>
<br>» Алкоголь — это давний враг Южной Кореи, а по уровню алкоголизма страна занимает 7-е место в мире. Корейское пьянство имеет свои особенности. Почти все работающие корейцы раз в месяц, а многие и каждые выходные, устраивают вместе со своими коллегами застолье. Подобные мероприятия называются хоесик.
<br>
<br>» Южная Корея относится к числу стран, армия которых комплектуется на основе всеобщей воинской повинности. «Закон о военной службе» обязывает каждого корейского мужчину пройти службу в рядах вооруженных сил. С начала января 2011 года срок курса обучения молодого бойца в ЮК теперь будет продолжаться с 5 до 8 недель. Служат в армии обычно 22 месяца. В военно-морских силах и воздушных войсках — 23-24 месяца, альтернативная служба — 26 месяцев.
<br>
<br>» Учебный год делится на два семестра: с марта до середины июля и с конца августа до 25 декабря. Школу заканчивают в 19 лет. Что касается высшего образования, то действует система бакалавриата и магистратуры. Медицинское образование длится в общем 11 лет (колледж или мед. курсы — 2 года, бакалавриат — 4 года (после чего получают лицензию на мед. практику, как общего врача),  1 год интернатуры и 4 года ординатуры необходимы для получения более узкой специальности).
<br>
<br>» В Южной Корее не существует отпуска. Существует 2 основных больших праздника: новый год и осенний фестиваль. В эти дни корейцы отдыхают на протяжении 3 суток.
<br>
<br>» Южная Корея отличается культом еды. Корейцы даже вместо того, чтобы поинтересоваться о жизни друга, спрашивают: «Хорошо ли ты покушал?».  Кажется, что каждый кореец знает сотню застольных веселых развлечений.
<br>
<br>» В Южной Корее часто идут дожди, из-за которых часто приходится бороться с наводнениями. Застать корейца врасплох под дождем нереально. Они почти всегда носят с собой зонты.

</div>
</div>


<div class="sugar-tab">
<input type="radio" id="sugar-tab-2" name="sugar-tab-group-1">
<label for="sugar-tab-2"> Ulsan </label>
<div class="sugar-content">

<center>И когда ветер приведет тебя в очередную бухту, не забудь вдохнуть посильнее, втянуть морскую свежесть и почувствовать, как стягивает губы соль волн. А потом, досчитав до десяти, открывай. И на твоих глазах из ничего возникнет город — точка пересечения старого и нового. Многоэтажки, заводы с трубами, выплевывающими дым и хлопья серого пепла [здесь круглый год идет грязный снег], магистрали, железные дороги заблудятся в скалах, лесах и облаках.
<br>
<br><b>Добро пожаловать в Ульсан. 
<br><i><font style="font-size: 18px">Добро пожаловать, домой.</i></font></b></center>

<br><b><font style="font-size: 18px">Ульсан</font></b> — это город особого статуса, находящийся в прямом подчинении Южной Кореи. Он расположен на берегу Японского моря, в 70 километрах к северу-востоку от Пусана.
<br><b>Среднегодовая температура:</b> +13 
<br><b>Средняя температура в январе:</b> +1
<br><b>Средняя температура в августе:</b> +25
<br><b>Годовое количество осадков:</b> 1215 мм.
<br><b>Население:</b> 1156480 (2013 г. без учета временно проживающих)
<br><b>Площадь:</b> 1056 км².
<br>Еще в прошлом столетии этот город был сельскохозяйственным центром и рыболовецким портом. Около пятидесяти лет хватило, чтобы на месте маленького непримечательного портового городка вырос мегаполис, ставший воротами в Восточную Азию и колыбелью осколков экономического чуда Южной Кореи.
Промышленный район состоит из двух крупных национальных индустриальных комплекса: Ульсан-Мипо — находится в центре города, и производит в основном автомобили, корабли, продукты нефтехимии, а также расположенный на окраине города – Онсан, где находятся нефтеперерабатывающие, химические, машиностроительные и металлургические заводы. Ульсан занимает первое место в автомобильной и судостроительной промышленности и второе место в нефтехимической промышленности в Республике Корея. И на этом не останавливаясь, продолжает укреплять свои сильные позиции в качестве двигателя роста для корейской экономики.
<br>
<br><b><right><font style="font-size: 14px">Кухня:</font></right></b>
<br>
<br>Ульсан славится блюдами, приготовленными из китового мяса. Однако те, кто впервые пробует такое кушанье должны знать, что китовое мясо имеет специфический аромат, который не все находят приятным. Поскольку город находится недалеко от Восточно-Китайского моря, свежей рыбы здесь всегда в избытке. В ресторанах, расположенных рядом с пляжем Чончжа можно попробовать блюда, основным ингредиентом которых является сырая рыба, нарезанная ломтиками, а зимой здесь собирается множество людей, желающих отведать крабов. Стоит отметить, что неподалеку от железнодорожного вокзала и экспресс- автовокзала можно обнаружить множество кафе, где вы можете насладиться вкусом традиционной корейской кухни.
<br>
<br><b><right><font style="font-size: 14px">Транспорт:</font></right></b>
<br>
<br>От Сеула до Ульсана существует лишь 3 прямых рейса на поезде, однако автобусы-экспрессы ходят чаще: каждые 15-20 минут, длительность поездки составит около пяти часов. Также ежедневно совершается около 16 авиарейсов с 7:30 до 20:00 вечера. Расписание по воскресеньям и понедельникам немного отличаются от остальных дней. Перелет занимает около 55 минут. От аэропорта до центра города время поездки на такси займет около 15 минут. В Ульсане экспресс автовокзал располагается рядом с междугородним автовокзалом, а железнодорожный вокзал находится в 15 минутах ходьбы от них.
<br>
<br>
<br>Город разделен на четыре района – <b>Покку</b>, <b>Тонгу</b>, <b>Намгу</b>, <b>Чунгу</b> — и один уезд <b>Ульджу-гун</b>.

</div>
</div>


<div class="sugar-tab">
<input type="radio" id="sugar-tab-3" name="sugar-tab-group-1">
<label for="sugar-tab-3"> Regions </label>
<div class="sugar-content">

<center><b><font style="font-size: 20px">Тонгу</b></font></center>

<br><center><font style="font-size: 10px">Среди высоток, подпирающих небеса, и коттеджей, на крышах которых греется солнце, спрятались зависть, жадность и равнодушие. Вычурные, роскошные до излишества дома кричат о том, что это место принадлежит элите, а все остальные тут — лишь заблудившиеся никто.</font></center>
<br>
<br><center><b><font style="font-size: 15px">Остров Сыльдо</font></b></center>
<br>Остров по форме напоминает перевёрнутую глиняную пароварку, а также весь покрыт камнями, за что получил так же названия «Сиру» и «Комбо». Шум волн, раздающийся по всему острову, считается одним из 12 уникальных явлений порта Паночжин. Необитаемый маяк, построенный в конце 1950-х гг., верно охраняет остров Сыльдо. В прибрежных водах обитают различные виды рыб, что привлекает сюда заядлых рыбаков.
<br>
<br><b><center><font style="font-size: 15px">Пляж Ильсан</font></b></center>
<br>Пляж отличается чистым песком, в июле-августа средняя температура воды в море достигает 21 градуса. Спуск в воду нерезкий, глубина воды у побережья не превышает 2 метров. Каждый год в июле здесь проводится пляжный фестиваль.
<br>
<br><b><center><font style="font-size: 15px">Парк Тэванам</font></center></b>
<br>
<br>Парк славится прекрасными пейзажами, тропинками для прогулок и скалой Тэванам. От автостоянки до побережья парка тянется тропинка, ведущая через один из самых больших сосновых лесов. Около дороги растут деревья вишни, цветы магнолии, камелии, абрикосы и форзицию. Рядом со скалой Тэванам можно увидеть обзорную башню. Здесь же располагается на маяк Ульги. Тэванам получил такое название, потому что Король Силлы Манму, который объединил корейский полуостров в одно государство, был захоронен в этом месте. Тэванам имеет форму дракона, поднимающегося в небо, и так как считается, что этот дракон упал на землю и не смог подняться на небо, это место также называют Ёнчуам.
<br>
<br>
<br><center><b><font style="font-size: 20px">Чунгу</b></font></center>

<br><center><font style="font-size: 10px">И пока запустелые улицы тонут в нищете, разборках, а иной раз — и в выстрелах, застывший у границы прохожий сможет разглядеть ошметки прошлой жизни — заброшенный парк и мемориал памяти великого ученого на самой окраине. Но через секунду содрогнется и уйдет, лихорадочно увеличивая шаг.</font></center>
<br>
<br><center><b><font style="font-size: 15px">Мемориал учёного Чхве Хён Бэ</font></b></center>
<br>Чхве Хён Бэ способствовол созданию культуры корейского языка, его научности, играл передовую роль в формировании эпохи «хангыль». Из-за расположения на окраине самого неспокойного района работает нестабильно, количество желающих пройтись по мемориалу с каждым годом только сокращается. Люди ставят безопасность выше знаний и памяти. Однако в мэрии уже ведутся разговоры о перенесении памятника культуры в Намгу.
<br>
<br><b><center><font style="font-size: 15px">Парк на берегу реки Тхэхваган</font></b></center>
<br>По обе стороны реки Тхэхвакан, между мостами Тхэхвагё и Самхогё, заросли бамбука образовывают бамбуковую рощу. В японско-колониальный период часто происходили речные наводнения такой силы, что вода переливалась за границы реки и наносила огромный ущерб земельным угодьям. Поэтому местные жители, чтобы предотвратить частые наводнения, насадили бамбуковые деревья вдоль реки. Некогда красивейший парк, больше напоминающий цветочное море, был заброшен несколько лет назад. Цветы здесь больше не растут, только самые упертые, зато легко можно встретить бездомного, ютящегося на скрипучей скамейке, или отхватить пулю в висок.
<br>
<br>
<br><center><b><font style="font-size: 20px">Пукку</b></font></center>

<br><center><font style="font-size: 10px">Здесь многоэтажные однотипные дома складываются в микрорайоны, как конструктор. Здесь люди разделяют мусор на стекло, пластик и прочее. Здесь консьерж, укрывшись ото всего мира в каморке, смотрит не за подъездами, а за героями только вышедшей дорамы. Здесь серость и житейская радость танцуют вальс, слишком тягучий, чтобы от него не устать.</font></center>
<br>
<br><center><b><font style="font-size: 15px">Судостроительный завод корпорации Хёндэ</font></b></center>
<br>Судостроительная компания «Hyundai Heavy Industries» превратила далекий южно-корейский порт в крупнейший объект мирового судостроения. На этой гигантской верфи ежегодно на воду спускают 60 судов. Здесь на предприятии под строжайшим контролем проходит все стадии процесс судостроения — от первой резки до спуска на воду.
<br>
<br><b><center><font style="font-size: 15px">Завод Хёндэ Моторс</font></b></center>
<br>Завод Хёндэ Моторс в городе Ульсан является самой крупной в мире единой объединенной системой из пяти заводов, которые выпускают в сутки 6000 автомобилей. На заводе №3 имеется смотровая площадка высотой в два этажа, благодаря чему, посетители и работники завода могут окинуть все его производственные линии одним взглядом.
<br>
<br><center><b><font style="font-size: 15px">Завод компании SK Energy</font></b></center>
<br>Этот завод является колыбелью энергетической и химической отраслей Кореи и имеет оборудование мирового уровня и огромный опыт в данных областях.
<br>
<br><b><center><font style="font-size: 15px">Пляж Чончжа</font></b></center>
<br>Каменистый пляж представляет собой одно из живописнейших мест восточного побережья Корейского полуострова, где бурные иссиня-чёрные волны с шумом накатывают на берег и разбиваются о скалы, образуя шипящую пену и мириады солёных брызг. Здесь можно не только полюбоваться красивейшим видом на море и познакомиться с культурой местных рыбаков, но и погулять по улочкам с ресторанами, где подают всевозможные блюда из морепродуктов, такие как мэунтхан и сасими, а также особое для этой местности блюдо — сашими из анчоусов.
<br>
<br>
<br><center><b><font style="font-size: 20px">Намгу</b></font></center>

<br><center><font style="font-size: 10px">И пока ладони людей переносят предрассветное небо на шероховатые отвесные стены домов, район растворяется в вечерней свежести. Яркий, пестрый, в чем-то невинный, в чем-то то ли вульгарный, то ли и вовсе пошлый — просто место, где не существует границ.</font></center>
<br>
<br><center><b><font style="font-size: 15px">Культурная деревня китов Чансэнпхо</font></b></center>
<br>Основана в 2015 году. Здесь воссоздан первоначальный облик рыбацкой деревни, жители которой в прошлом занимались ловлей китов. Посетителям предлагается совершить познавательную экскурсию на площадь китов, в старую деревню «Чансэнпхо», дворик китов первобытного общества, парк скульптур китов, ботанический сад водных растений и тематический парк, знакомящий с этими живыми существами. Так же отсюда курсирует морской круиз с наблюдением за китами, который осуществляется еженедельно.
<br>
<br><b><center><font style="font-size: 15px">Дворец культуры и искусства</font></b></center>
<br>Дворец культуры и искусства был официально открыт 5 октября 1995 года. Это также главный многофункциональный концертный зал Ульсана, где возможно проведение представлений различных жанров. Здесь имеются большой и малый концертный зал, открытая сцена и 4 выставочных площадки, а также ресторан с зоной для отдыха и детская площадка.
<br>
<br><center><b><font style="font-size: 15px">Парк отдыха</font></b></center>
<br>Парк отдыха представляет собой городской экологический парк с большим плавательным бассейном и тематическим парком, открытой концертной площадкой. В тематическом парке проложена прогулочная дорожка, имеется игровая площадка, площадь, зона для пикников. Возле южного входа в парк примостились сад с бабочками, розарий и мини-зоопарк.
<br>
<br><b><center><font style="font-size: 15px">Река Тхэхваган</font></b></center>
<br>Река Тхэхваган имеет большое значение для всех горожан, считающих эту реку своего рода «матерью» их родного города, который, словно ребенок на руках у матери, был основан и развивался на ее живописных берегах. Река Тхэхваган, протекая через весь город, огибает горы Исусамсан и впадает в Восточное море.
<br>
<br>
<br><center><b><font style="font-size: 20px">Ульчжу-гун</b></font></center>

<br><center><font style="font-size: 10px">Вырвавшись из сети бетонных джунглей, падаешь прямо в росистую траву и задыхаешься от чистоты, заполняющей легкие. Вдох — выдох. Но не расслабляйся, эта умиротворенная тишина скрывает свои тайны.</font></center>
<br>
<br><center><b><font style="font-size: 15px">Рекреационный лес Синбульсан</font></b></center>
<br>Горы Синбульсан называют в Корее «ульсанскими Альпами». Они особенно знамениты красивой речкой и живописным водопадом Пхарэсо. Озерцо, которое он образует, такое глубокое, что говорят, целую катушку ниток можно размотать и опустить в него, но дна она так и не достанет. Те, кто хотят провести в этом месте более одного дня, могут остановиться в коттедже в лесу, пансионате, под крытым шатром, а также разбить палатку в специально отведённом месте.
<br>
<br><b><center><font style="font-size: 15px">Центр восточной медицины Чхорактан</font></b></center>
<br>Центр располагается в корейском традиционном доме ханок, окруженном красивым садом, что создает замечательные условия для сочетания лечения и отдыха. Оздоровительный тур рассчитан на 2 дня и 1 ночь и включает в себя лечебные грязевые маски, ванну из целебных трав, различные блюда, приготовленные из полезных ингредиентов, а также чаи.
<br>
<br><center><b><font style="font-size: 15px">Буддийский храм Чисан</font></b></center>
<br>Во времена государства Силла, подчиненный короля Ноль Чжи Вана Пак Чже Сан получил приказ отправиться в государство Когурё и Японию, для вызволения из плена детей короля. Пак Чже Сан спас сыновей короля, но сам был схвачен, подвергнут пыткам и сожжен на костре. Существует легенда, что жена Пак Чже Сана ждала его долгие год, но, не дождавшись, от горя превратилась в камень. Буддийский храм Чисан символизирует собой преданность супругов. В храме, также, установлена мемориальная доска в честь Пак Чже Сан и его жены.
<br>
<br><b><center><font style="font-size: 15px">Японская крепость Сосэнпо</font></b></center>
<br>Японская крепость Сосэнпо была построена в конце XVI века в период начала японской агрессии в 1593 году японским полководцем Като Киёмаса. На вершине горы, в главной крепости, которая была местом жительства полководца Като Киёмаса, располагалась главная сторожевая башня и колодец. 
<br>
<br><b><center><font style="font-size: 15px">Деревня гончарных изделий на горе Вегосан</font></b></center>
<br>Многие постройки в деревне полностью выполнены из глины, что придает ей особый колорит, особенно, в зимние вечера,  когда идет снег, и жители деревни у себя в домах целыми семьями изготавливают гончарные изделия, можно прочувствовать атмосферу старины и умиротворения, наполняющего эту деревню неотразимым очарованием. Также, в деревне есть мастерская, воспроизводящая глиняные изделия эпохи государства Силла, которая является отличным местом для проведения мастер-классов и лекций по истории для школьников.
</div>
</div>


</div>
</div>
</div>  

</center>
<link href='https://fonts.googleapis.com/css?family=Roboto' rel='stylesheet' type='text/css'>

<style>
.sugar-back {
  background: url(http://funkyimg.com/i/2q8sA.png);
  width: 500px;
  height: 500px;
  border: 1px #ddcbd6 solid;
  position: relative;
}
 
.sugar-top {
 height: 50px;
 width: 490px;
 background: #a77f95;
 position: absolute;
 top: 0px;
 left: 0px;
 padding-right: 10px;
 text-align: right;
 color: #bcacbe;
 font-family: roboto;
 font-size: 30px;
 text-transform: uppercase;
 line-height: 50px;
 font-weight: bold;
}

.sugar-bot {
 width: 490px;
 height: 30px;
 background: #a77f95;
 position: absolute;
 top: 50px;
 left: 0px;
 padding-right: 10px;
 text-align: right;
 color: #bcacbe;
 font-family: roboto;
 font-size: 15px;
 text-transform: uppercase;
 line-height: 30px;
 font-weight: bold;
}

.sugar-icon {
 background: url(http://funkyimg.com/i/2q8sz.png);
 height: 120px;
 width: 120px;
 border: 5px #ddcbd6 solid;
 position: absolute;
 top: 15px;
 left: 15px;
 border-radius: 100%;
}

.sugar-container {
margin: 10px auto; 
height: auto;
width: auto;
}

.sugar-tabs {
margin: 0px auto; 
position: absolute;;
width: 320px; 
height:  380px;
bottom: 20px;
right: 20px;
}

.sugar-tab {
display: block;
}

/* position your tab labels in sugar- - also use margins to space your labels - you kind of have to eye until it's centered bc the math with tabs gets confusing */
.sugar-tab label {
display: block; /* this lets you fix the label dimensions */
width: 120px;
height: 40px;
background: #d0b6c3;
border: 1px solid #d0b6c3;
margin: 0px;
position: relative;
left: -240px;
top: 50px;
z-index: 3;
margin-bottom: 20px;
color: #a77f95;
line-height: 40px;
font-family: roboto;
font-weight: bold;
text-transform: uppercase;
font-size: 10px;

}

.sugar-tab input[type=radio]:checked ~ label {
background: #a77f95;
z-index: 2;
color: #ddcbd6;
transition: .3s ease;
}

.sugar-tab input[type=radio] {
display: none; /* DON'T EDIT */
}

/* if you want tab transitions they go sugar- */
.sugar-content {
position: absolute;
top: 0px;
bottom: 0px;
left: 0px;
right: 0px;
background: #ddcbd6;
padding: 20px;
border: 1px solid #ddcbd6;
text-align: justify;
font-size: 11px;
font-family: roboto;
overflow: auto;
}

/* if you want tab transitions they also go sugar- */
.sugar-tab input[type=radio]:checked ~ label ~ .sugar-content {
z-index: 1;
}
 
</style>