울산박물관 남구 울산의 선사시대부터 현대까지의 문화와 역사를 보여주기 위해 설립된 울산박물관은 지하 1층, 지상 2층으로 구성되어 있으며 지상 1층에는 기획전시실, 어린이박물관, 원형극장 등이 자리 잡고 있으며 지상 2층에는 역사실 및 산업사실이 설치되어 있는 곳이다. 주소 두왕로 277 문의처 052-222-8501 자세히 보기 태화강 동굴피아 남구 태화강 동굴피아는 일제강점기 강제 노역 등 아픈 역사를 지닌 곳을 체험공간으로 탈바꿈한 곳이다. 제1동굴은 역사체험 공간으로 일제강점기 울산의 생활상, 강제 노역, 수탈의 역사가 담긴 삼산비행장 등을 소개하는 내용을 담았으며, 제2동굴은 어드벤처 공간, 제3동굴은 스케치 아쿠아리움 공간, 제4동굴은 이벤트 공간으로 4계절의 다른 동굴 모습을 보여주고 있다. 주소 남산로 306 (신정동) 문의처 052-226-0077 자세히 보기 .fullscreen-container { width: 100vw; margin-left: calc(-50vw + 50%);} .recommended-travel { overflow: hidden; padding: 60px 15px 90px; background: #fcfae3;}.recommended-travel > div { overflow: hidden; max-width: 940px; margin: 0 auto;}.recommended-travel > div > div { display: flex; flex-wrap: wrap; margin: -20px -10px 0;}.recommended-travel article { position: relative; width: calc(33.33333333333333% - 20px); margin: 20px 10px 0; border: 3px solid #35475b; border-radius: 10px; background: #fff; box-sizing: border-box;}.recommended-travel header { position: relative; height: 130px; padding: 70px 10px 0; background: #35475b; color: #fff; font-weight: 700; text-align: center; box-sizing: border-box;}.recommended-travel h3 { margin: 0; color: #fff; font-weight: 700; font-size: 22px; line-height: 1.2;}.recommended-travel header p { position: absolute; top: 30px; right: 10px; left: 10px;}.recommended-travel header span { display: inline-block; padding: 0 30px; border-radius: 10px; background: #eb9dc7; font-size: 18px; line-height: 30px;}.recommended-travel header + div { padding: 10px 10px 140px; letter-spacing: -0.025em; box-sizing: border-box;}.recommended-travel header + div p:first-child { color: #333; font-size: 16px; line-height: 1.5; text-align: center;}.recommended-travel header + div dl { position: absolute; bottom: 55px; left: 0; width: 100%; min-height: 65px; color: #35475b; font-weight: 400; font-size: 15px; line-height: 1.5; text-align: center;}.recommended-travel header + div dt,.recommended-travel header + div dd { display: inline;}.recommended-travel header + div dt { white-space: nowrap;}.recommended-travel header + div dt::after { content: : ;}.recommended-travel header + div p:last-child { position: absolute; bottom: 20px; left: 0; width: 100%; text-align: center;}.recommended-travel header + div p:last-child a { display: inline-block; border-bottom: 4px solid #35475b; color: #000000; font-size: 20px; line-height: 32px; vertical-align: top;}@media all and (max-width: 860px) { .recommended-travel { padding-top: 30px; padding-bottom: 60px; } .recommended-travel > div > div { margin: -10px -5px 0; } .recommended-travel article { width: calc(50% - 10px); margin: 10px 5px 0; }}@media all and (max-width: 576px) { .recommended-travel > div > div { margin: -10px 0 0; } .recommended-travel article { width: auto; margin: 10px 0 0; }}.recommended-travel header + div p:last-child a { position: relative; display: inline-block; color: #000; font-size: 20px; border: none; text-decoration: none; padding-bottom: 4px;}.recommended-travel header + div p:last-child a::after { content: ; position: absolute; left: 0; bottom: 0; width: 0; height: 3px; background: #35475b; transition: width 0.3s ease;}.recommended-travel header + div p:last-child a:hover::after { width: 100%;}.recommended-travel article:hover { border-color: #5cc2c6; box-shadow: 0 8px 20px rgba(227, 104, 69, 0.3); transition: border-color 0.3s ease, box-shadow 0.3s ease, background-color 0.3s ease, color 0.3s ease;}/* 상단 박스 기본 스타일 */.recommended-travel article header { background-color: #35475b; color: #fff; transition: background-color 0.3s ease, color 0.3s ease;}/* 상단 박스 hover 스타일 */.recommended-travel article:hover header { background-color: #5cc2c6; color: #fffde8;}.recommended-travel article p.btn-wrap a { border-bottom: 4px solid #5cc2c6; color: #000; transition: border-color 0.3s, color 0.3s;}.recommended-travel article:hover p.btn-wrap a { border-color: #5cc2c6; color: #5cc2c6;}